An AI skill

Your AI agent builds a studio-grade site

01

Performance
Largest paint 0.7 s, blocking 30 ms

02

Accessibility
Contrast, landmarks and keyboard order

03

SEO
Meta, sitemap and llms.txt ship with the page

03Why

Why a skill, if the agent already writes markup

A prompt gives you a template, a skill gives you a site. An agent without a route decides everything as it goes, and answers differently on every run. The skill adds a route, a catalogue of blocks and rules it cannot get around — it changes not the speed, but what comes out at the end.

The result

Not a page with the AI showing through

After «build me a site» you get a page that announces what it was made with. Clients and partners read that as how you treat your work, and there is nobody there to explain it to them.

Not a page with the AI showing through
Ownership

No subscriptions

No Tilda, no Framer: you are not renting a page inside somebody else’s service and not paying for the right to show it. The code is yours — deploy it wherever you like.

No subscriptions
Technology

Speed and SEO

Next.js with server rendering, compressed media, meta, a sitemap and social cards. The work usually contracted out separately a month after launch.

Speed and SEO
Design

Finished layouts, palettes, type and motion

A catalogue of blocks checked on both themes and three widths. The agent has no layout to invent — it takes the one that fits the content.

Finished layouts, palettes, type and motion
Languages

Multilingual mechanics, already wired

Language detection from the browser, the visitor’s choice kept in a cookie, a switcher in the header. Every language owns its page: each market gets its own arguments and examples rather than one text translated.

Multilingual mechanics, already wired
04Before / after

Anyone can see the difference

The same request, two results. On the left, the page an agent builds from a prompt. On the right, the same task with the route, the catalogue and the rules. Drag the divider to look.

05Catalogue · finished blocks

What the catalogue already holds

Openers
Content
Charts
Maps
Schemes
Brand
Motion
Galleries
Testimonials
Team
Pricing
FAQ
Closing
Logos
06How it works

A finished pipeline for a site that sells

Eight steps, and the assistant walks all eight itself. The order is the work. First we settle who the site is for and why, then how it looks and what it is made of, and only after that do we compose the pages and write the copy. Starting in the middle means redoing everything done before it.

/01

Interview

Who the site is for, why, and what the visitor should do. The assistant asks on its own, in one pass.

/02

Identity

Palette, typefaces and a four-column grid. After this nothing in the source names a colour or a face.

/03

Structure

One-pager or multi-page, languages, themes, a markdown blog.

/04

Compose

Pages are built from the catalogue to fit the page’s argument. A block is taken whole.

/05

Copy

Every string in every language, in your project’s own words. No invented figures.

/06

Media

Images to webp with retina through Next Image, video to webm with a poster. One command.

/07

SEO

Meta, canonicals, hreflang, sitemap, robots and a social card per page per language.

/08

Verify

Types, build, both themes, three widths, contrast. The script fails on leftovers.

07Strategy · audience portraits

Audience portraits are the foundation of the site

The sales strategy starts with them. Who comes to you, what they already know, what they would choose instead of buying, and which objection loses the deal. The funnel is built out of that: where the page opens, in what order the arguments run, and what closes it.

Knows what they wantStill framing the problemBuilds it themselvesHires somebodyBuys the tool
FounderPitching investors, needed the site yesterday
MarketerA landing page for a campaign, a week to ship
DesignerCould build it, would rather not
StudioShips client sites continuously
Takeaway

One portrait, one landing page

Somebody arriving from search wants the price and the difference. Somebody arriving from an email or an article does not yet know what this is. Different portraits mean different funnels and different pages, and working that out before the build is cheaper than rebuilding after it.

08Design system

A finished design system for your business

Colour, type and the grid are chosen once, at the start, and hold the whole site afterwards. No page lives its own life: change the colour in one place and the whole site changes, not half of it.

What you get

The site reads as yours before a single block has been composed.

09Structure

Structure that fits the business

The line under the cursor is the decision. Five decisions, each costlier than the last to redo. A one-pager unfolds into a multi-page site cheaply; the other way it does not, because the copy was written to be read in one scroll.

10Speed

When waiting is not an option

A slow page is closed before the first screen. Scripts compress images and video, make posters and retina frames, and switch on lazy loading — by hand that is days of work on every site. A fast page scrolls without stutter, does not flash empty boxes, and ranks higher.

Processed

3kinds of media

Images → webp30compressed
Video → webm8compressed
Posters and retina4frame
01

Languages at launch
Own copy for each market

02

Themes
Light, dark and system

03

Widths
Phone, tablet, desktop

04

Files for search engines
robots, sitemap, llms.txt

05

Favicons
From one drawing, for every device

06

Contrast
Text is read, not guessed at

We check rather than promise

Contrast is computed by the verify script, not judged by eye. Speed is measured in PageSpeed on the built page: we promise no figure, your own run shows it.

Checked in PageSpeed

100%

Speed, accessibility and SEO
11What you get

A finished repository, not an account in a service

One project, not five services. Next.js with server rendering and Tailwind, languages and routes over it, the blog and the documents beside it, a header and a footer on every page. The code is clean and entirely yours: deploy it wherever you like.

One codebase
Next.js · SSR · Tailwind
Site 1
Site 2
Site 3
Languages and pages
Blog and documents
Social cards and favicons
Header, footer and the form
12SEO and languages

Finished SEO for every market

Meta, sitemap, posters and llms.txt are already built. Every section and every language owns its title, description and link image. The sitemap builds itself, llms.txt opens the site to AI search, and the language is detected from the browser and remembered. Each market gets its own content rather than one text translated.

01

File for AI search
llms.txt: assistants read the whole site

02

Files for robots
robots.txt, the sitemap, llms.txt

03

Meta and poster per section
Its own title, description and link image

04

Languages for any market
Two in the base build, then as many as you need

05

Duplicates and empty descriptions
The script will not let a site ship with them

06

Unique pages
Every section in every language is written for its market

13Out of the box

More than you thought

All of it runs from day one. Not plans and not a roadmap: every item is built and checked on live sites, including the one you are reading.

The delivery profile

Six areas, and every one of them ships closed

Themes
Light, dark, system
Devices
Phone, tablet, desktop
Languages
Own copy for each
Media
Compressed by one command
Icons
Every size from one drawing
Checks
A script, not a checklist
14Install and updates

A quick start and an easy update

The skill lives where you already work. No settings and no page builder: you talk to the assistant in ordinary words, and it does the work by the instruction that ships in the archive.

Install

The archive carries install instructions for every platform — Claude Code, Cursor, Codex, Windsurf and Antigravity.

One thing is needed from you: tell the assistant where the archive is. It installs the skill for itself from there.

Install

Getting started

Call the skill with a slash — «/sitify» — and give it whatever you have, even one sentence: what the project is and who you sell to.

The assistant asks for the rest itself: audience, sections, colour, typefaces and language. Everything you do not know has a stated default.

Getting started

Updates and the doctor

We update the instructions regularly, fix the rare mistakes and add new finished blocks. Every update is announced, and the new version can be downloaded at any point.

Then you write «/sitify doctor» — and the assistant finds what has changed since your build and applies it to the site you already have, without touching what the site was built for.

Updates and the doctor
15Deploy

Your code, your cloud

A fresh copy deploys nowhere, and that is deliberate. Configs for Fly, Vercel, Netlify, Docker and GitHub Actions sit in a folder and are switched off: a new repository contacts no host at all. Where the site lives is your decision.

Fly
Dockerfile and one machine
Vercel
Config and variables
Netlify
Build and redirects
Docker
An image for your own server
GitHub Actions
The deploy workflow
Checks only
Types and build, no host
Nothing
The default
deploy/
16Team

A whole team working for you

They are usually hired one at a time. A studio-grade site is not one person’s job. The skill carries the rules of each of the four roles and applies them in turn, in the order a team would have applied them.

The page’s story
Marketer
Marketer
Step 01 of the route
  • Stages of awareness
  • Jobs to be Done
  • The ladder of objections
  • AIDA or PAS, to fit the task
Identity and grid
Designer
Designer
Step 02 of the route
  • A palette for your brand
  • Typeface pairs
  • Grid and spacing
  • Light and dark themes
Composing pages
Front-end
Front-end
Step 04 of the route
  • Pages built from the catalogue
  • Phone, tablet, desktop
  • Right-to-left languages
  • The check before handover
Search and social cards
SEO
SEO
Step 07 of the route
  • Page titles and descriptions
  • Sitemap and language links
  • The link image in messengers
  • Files for search robots
17Price

A perpetual licence and updates: you buy an archive of the template, the instructions and the scripts, and we keep updating it — the new version comes to you

Personal — 1 licence

33 000 ₽

One person

The licence covers you: sites for yourself and for your clients, no cap on copies

Lifetime access

Everything there is today, and everything we add later

Teams — up to 25 people

116 500 ₽

Access for your entire team

A licence is bought for each team inside the company and covers up to 25 people — enough for even the largest of them

Everything in Personal

The same archive, the same perpetual licence

Enterprise — more than 25

On request

A team larger than 25 people

Talk to the sales department

18Questions

Frequently asked

A folder of files: a skill for an AI assistant and a Next.js site template. The skill is the instruction by which the assistant turns that template into your site: what to ask you, what to decide first, what to check before handing it over.

19Testimonials

Words from the people who shipped

What they say after the first page is built. We collect these as sites reach production and publish them with a name and a link to the result.

What they say/01

· Product landing

The agent used to hand me a page I rewrote by hand anyway. This one asked who the site was for and why before it laid out a single block. You can see the difference on the first screen.

Artem Kovalev
Artem KovalevFounder, B2B service
What they say/02

· Corporate site

The catalogue settled the argument about what the next tile should look like. We take a finished one and change the words — client revisions stopped turning into new layout work.

Nina Raevskaya
Nina RaevskayaArt director, studio
What they say/03

· Two landing pages

Two languages as separate copy rather than as a translation is what was missing. The Russian and English pages argue differently, and that finally does not cost a second project.

Pavel Gurov
Pavel GurovMarketing, fintech
What they say/04

· Portfolio

The check before handover catches what I normally find a week after launch: a forgotten placeholder, a repeated block, a heading with a full stop. It is good not to be the only pair of eyes.

Olga Litvin
Olga LitvinProduct designer