Website templates for AI agents. Build your business website by telling AI what to change in a ready-made design you choose.
Choose a design you can inspect. Get the website files and design instructions, then use a coding agent with project access to adapt them to your business.
Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
The files
You
I downloaded the template ZIP. Which files do I open and give you?
AI · example response
Give me the unzipped folder. I can read the HTML and design guide, identify the assets and then work on the files you want to change.
Open your website project
Unzip the project
Keep index.html, the guide and assets together in the supplied folder structure.
Open the folder in AI
Give your file-capable agent access to the complete project, not only a screenshot.
Describe your changes
Supply your text and pictures, and say which parts of the design to keep.
Next: open the project preview and describe the changes you want.
Illustrative conversation, not a live AI session.
01 / The files
What exactly am I buying?
You buy an editable website project and instructions that explain its design to AI. Unzip the download, keep its folder structure and open the HTML preview. The exact files depend on the template; the real package example below shows what to look for.
Website files + design instructions
Unzip the project
Keep index.html, the guide and assets together in the supplied folder structure.
Open the folder in AI
Give your file-capable agent access to the complete project, not only a screenshot.
Describe your changes
Supply your text and pictures, and say which parts of the design to keep.
See the source files and technical details
The actual project files
11-forma-studio · Current inspected ZIP
Current product download inspected on 2 October 2026. Files and remote resources belong to this named project; other templates differ.
The guide describes the original fictional page. Keep its role separate from the changes you want for your own business.
Build an English single-page fictional design studio in `index.html`, with inline CSS and plain inline JavaScript at the end of its body. No framework, build step, module loader or external JavaScript dependency is needed. Supply `assets/terra.webp`, `assets/index.webp` and `assets/vesper.webp` alongside it, using the supplied image files unchanged. These files are identical copies of the corresponding fixed remote images in §9. If the local copies are not included with these instructions, obtain their exact bytes from the corresponding §9 URLs and save them at these three local paths without conversion or regeneration. The rendered page uses the remote image URLs; the local copies are not an automatic offline fallback. Runtime is **network**: images and Google Fonts need internet access. Do not call the result offline self-contained.
I want to use my existing AI tool. How do I give it access to this website project?
AI · example response
Open the unzipped project as my working folder and allow me to read its files. Ask me to find index.html, the design guide and assets. If your chat cannot access a folder, upload supported files or paste the guide and save the returned website files.
Give the agent project access
Unzip the project
Keep index.html, the guide and assets together in the supplied folder structure.
Open the folder in AI
Give your file-capable agent access to the complete project, not only a screenshot.
Describe your changes
Supply your text and pictures, and say which parts of the design to keep.
Next: ask the agent to describe the files before giving your first edit request.
Illustrative conversation, not a live AI session.
02 / Your AI tool
Can my AI work with a project folder?
Yes, with an agent that can read and edit local files, such as Claude Code, Codex CLI, Cursor Agent or Gemini CLI. Open the project folder and ask it to identify index.html and the guide before editing. In a regular chat, attach supported files or copy the instructions and save the resulting website.
Should I edit index.html or ask you to build a new version from RECREATE.md?
AI · example response
For changing your content in this design, I can edit the supplied index.html directly. If you want a fresh implementation of the design, provide RECREATE.md and ask for recreation instead. Let me know which route you want before I change the project.
Choose editing or recreation
Keep the existing website
Edit index.html for new content, images, colours or sections.
Or recreate the design
Give RECREATE.md to AI when you want a newly generated implementation.
Open the resulting files
Preview the chosen route and continue customising your content.
For a first website, direct editing starts from the preview you already chose.
Illustrative conversation, not a live AI session.
03 / Two routes
Edit the files or recreate the design?
Edit the supplied HTML when you like the design and want your own content, images or colours. Use RECREATE.md when you want AI to recreate the design as a new implementation. For your first website, editing the delivered project gives you the most direct starting route.
Keep the supplied page
Ask for specific text, image or style changes, then inspect the edited files.
Build from the specification
Compare the new page with the original design and check its interactions.
See the source files and technical details
Route A · keep and edit the supplied source
Authored task specimen · not a provider transcript
These excerpts come from the inspected English original. The following examples are prepared source edits, not a live AI session. Sample businesses and work remain fictional.
Read index.html and RECREATE.md. Edit the supplied HTML. Replace only the studio name and the requested headline. Keep the structure, sample media and local controls. List the changed files.
Route B · recreate before personalising
RECREATE.md · experimental route still pending
The saved previews show Route A. They are not evidence of a successful reconstruction or a first-prompt result.
In a separate folder, implement the original fictional page described in RECREATE.md. Compare its structure, resources and controls with the supplied source before asking for personalisation. This reconstruction route has not been executed in this example.
04 / Choose a design
Choose by the website you need.
Choose Forma Studio for a studio portfolio, Morrow for services and classes, or Veyra for a product presentation. AI can change the content and branding in each. If you need enquiries, bookings or app signups, connect the corresponding service while customising the project.
Forma Studio
Show studio work, services and approach with your approved content. Enquiry and newsletter demos need live destinations.
Replace the studio with my business, use these services and photos and keep the layout.
AI · example response
Open the unzipped template folder and give me your content and images. I can replace the examples in the supplied HTML while keeping the selected design. Then we can view it locally and refine it before you publish.
Make the template your website
Open the downloaded project
Unzip the template and open its complete folder in your file-capable AI agent. Keep the supplied asset paths.
Supply your content
Add your text, photos and brand details and say which parts of the selected design to keep.
Open the local preview
Ask AI to show the edited page. Refine it before choosing how to publish; no existing website or hosting project is needed to start.
Next: open your first personalised preview; choose hosting when you are ready to publish.
Illustrative conversation, not a live AI session.
05 / Your first request
Tell your AI what should change.
Write a concrete request: “Replace the studio with my business, use these services and photos, keep the layout, and make the main button open my contact form.” Give AI the project files and your materials. You can then refine individual parts by describing what you see in the preview.
See the prepared template example
›_ AI editing exampleFormwell
You
Adapt Formwell for the fictional Alder brand studio. Change the name, hero headline and introduction. Keep the layout and sample project artwork.
AI · example response
This prepared version changes those three content areas. The project artwork remains sample content; no live AI service is connected.
Prepared conversation and project versions. No live AI connection.
See the source files and technical details
A small change you can inspect
11-forma-studio/index.html · L28
These excerpts come from the inspected English original. The following examples are prepared source edits, not a live AI session. Sample businesses and work remain fictional.
Before
<h1>Forma</h1>
First prepared edit
<h1>Cedar</h1>
Follow-up prepared edit
<h1>Cedar</h1>
Original project · Forma Studio
These excerpts come from the inspected English original. The following examples are prepared source edits, not a live AI session. Sample businesses and work remain fictional.Open full preview ↗
Prepared source edit
This prepared version changes selected text or visuals in the same project. Its existing structure and sample content remain. Compare the files before applying a similar change to your business.Open full preview ↗
AI ChatWorkflow example
Review the result
You
Help me check this edited website before I save it as the version to publish.
AI · example response
We can open the preview and check your text, pictures, menu, main buttons and phone layout. If the form is connected, send a test and confirm receipt. Save a copy of the version you like before making further changes.
Check and save your new version
Read your content
Check names, offer, pictures and contact details in the preview.
Test actions and layout
Open menu and buttons on phone and desktop; confirm receipt for a connected form.
Save a copy
Keep this complete project version before the next edit or deployment.
Next: publish the checked folder or return to it after a later change.
Illustrative conversation, not a live AI session.
06 / Review the result
What should I check before keeping the new version?
Open the preview and read your actual content. Check the phone layout, pictures, menu and buttons, and send a test contact message if you connected a form. Keep the original download and a copy of the version you like, so you can return to it after later changes.
Checked locally on this device; nothing is submitted.
AI ChatWorkflow example
Before buying
You
I have finished editing. Deploy this project to Cloudflare after I authorise the account, then help connect my domain.
AI · example response
I can prepare the complete folder and use Cloudflare’s CLI or API to upload it after you authorise account access. Keep index.html and asset paths intact. We can open the resulting address and connect your domain next.
Publish the finished website
Prepare the folder
Keep the finished HTML, scripts and assets in their original relative locations.
Authorise deployment
Use your Cloudflare or Vercel account and allow the agent to deploy through the provider’s CLI or API.
Open the public address
Check the website online, then add your domain and test links, images and contact.
Alternative: give the complete ZIP to hosting support or an IT person. Ask whether they can upload it and connect your domain.
Illustrative conversation, not a live AI session.
07 / Before buying
Which responsibilities stay with me?
You provide your content, AI account and the account used for hosting. AI can help edit and publish the site when you allow access: ask a file-capable agent to deploy the finished folder to Cloudflare or Vercel. You can also send the full ZIP to hosting support or an IT person, keeping the folders intact.
Is AI access included?⌃
No. Arrange your chosen tool and its current account or usage requirements separately.
Can I use a template commercially?⌃
Commercial Use covers business and client projects under the published licence. Confirm editable source handoff before promising it to a client.
Do I need PRO for one website?⌃
A single template is available. Compare Yearly and Lifetime when wider library access fits your future projects.
Formwell / Website files + design instructions
Try one real template before choosing.
Download the original Formwell project. Give its files and RECREATE.md to a suitable AI tool, try a small change and inspect the result.
The free sample is Formwell. Its original design and guide are in English. Product prices stay unchanged.
OneDollarStock is implementing a project to prepare the platform for entry into the German market under the “Go Global” acceleration track of the “Unicorn Hub Startup Booster” programme, project no. FENG.02.28-IP.02-0013/23. The project is co-financed by the European Funds for Smart Economy 2021–2027 under the priority “Innovation-friendly environment”, Measure FENG.2.28 Startup Booster Poland.
Learn more about the project →
