How it works

Give your AI clear guidance

Design rules, project knowledge and seven skills come with the website. Use them in your own AI tool, from the first changes to the next new page.

Get your template The seven skills

7 skills, built in
1 shared project
5 steps to live

The system

One project. A network of knowledge

Every template brings its own rules. Your brief runs through the guideline, the design rules and the project knowledge to the skill that carries it out. That is why the new page fits the twenty that are already there.

Your project

Guideline
Design rules
Project knowledge

“Adapt the website to my studio.”
“I want to rank for tax advice in Cologne.”
“Rewrite the homepage, calmer and clearer.”
“Our accent colour is dark green from today.”
“Check everything before we go live.”
“How do I add a new page?”
“Build a page for our workshops.”

Put your head start to work

The website is built.
Make it yours

Choose your foundation. Brief your AI. Review the result for your client.

Everything in one package

Download the website with all its pages, design rules and seven skills as a project folder.

Your change, in a chat

Open the project in your AI tool. Describe the brand and offer, then review the changes.

A website that grows with you

Replace sample content, check desktop and mobile, and publish with your own hosting provider.

You work in your own AI coding tool. Access is separate.

Choose your template

How your template works

Download the website with all its pages, design rules and seven skills as a project folder.

ai-website.zipYour complete project folder

Website

Design

Copy

SEO

Quality

Knowledge

Seven skills for working on your website.

Open the project in your AI tool. Describe the brand and offer, then review the changes.

You set the direction.

“Use my logo and show my three services on the homepage.”

Design rules applied

Your brand incorporated

Services added

Your sentence becomes a change.

Replace sample content, check desktop and mobile, and publish with your own hosting provider.

your-website.com

Your brand

Your business. Your website.Your offer.
Clear and to the point.Get in touch

Your content. Your pages. Your code.

Illustrative workflow

Skills · Built in, in every template

Seven skills. Clear tasks

The skills guide your AI tool as it works on the project. Describe the task and review the result. Explore the skills.

Start

The first step

Gives your AI tool a workflow for the first changes. Start with your brand, offer and the purpose of the website.

SEO

So you get found

Meta titles, descriptions, structure and internal links. Tell it what you want to be found for, and the skill sets it up cleanly.

Copywriting

Copy in your brand voice

Writes and rewrites copy in your template's defined tone of voice, kept separate from the code and easy to change anytime.

Design system

Consistency instead of tinkering

Documents colors, typography and spacing. Your AI can use these rules for changes. Then check that the result is consistent.

Quality check

Checks before launch

Guides checks of links, contrast and mobile layout. Use the findings before publishing and review the site yourself too.

System knowledge

Explains your own project to you

“How do I add a new page?” This skill knows the structure, folders and relationships of your template and answers in plain language.

Template building

New sections in style

Builds new pages, sections or offers in the existing style, instead of bolting them on as a foreign body. Structure and tone stay consistent.

Launch · The final five steps

The template becomes your website

Adapt the examples to your business and review the website before publishing. Read the launch guide.

Replace the identity

Rewrite names, texts and contact details to yours. One instruction to your AI is usually enough. “Adapt the website to me, with my name, offers and contact details.”
Swap the placeholders

Photos, prices and quotes in the template are examples. Whatever is invented says so visibly on the page, and gets replaced before launch.
Create your legal pages

The footer links are already prepared, you write the pages with your own reviewed copy. Your template deliberately never generates legal text, that would be legal advice.
Hosting and domain

Choose hosting that supports your template’s technical requirements. Build the project for publishing and connect your domain.
One final SEO run

“Check the website for search and optimise titles and descriptions.” The last move before you go live.

And after that

The uncropped originals Many images also ship at full size, outside the web root. “Re-crop this motif for the hero.” No image editor needed.
A new page in the same style The template-building skill keeps structure and tone intact when you describe a new page or section. No copy-pasting an existing page needed.
The quality run before every deploy Once before every upload, and you catch broken links and contrast problems before your visitors do.
The second language edition Your template includes a German and an English edition. Adapt the content for the languages your business actually needs.
styleguide.html as a briefing Working with designers or colleagues? Hand them this one file. It holds your complete design system, no build needed.
New building blocks from the UI Kit If a building block is missing, your AI pulls it from the UI Kit by ai-website.com with the aiw CLI, whether you work with Claude, ChatGPT, Cursor or Gemini. 459 components, free under the MIT license, then tied to your template’s tokens.