A website without writing the code yourself. Build it by telling AI what design and content you want.
You can ask a file-capable AI agent to edit a template without typing the source changes yourself. You still need to handle the files, approve your content and check the page. Try one small change first.
Sample designs · replace the fictional content with your own.
01 / See one edit
What does editing without typing code look like?
You write what should change, and a file-capable AI agent edits the template code for you. For example: use my brand colours, replace the headline or add a service. Open the resulting page to decide whether you like the result.
›_ AI editing exampleFormwell
You
From the prepared Alder version, use a soft lilac background and deep purple text. Keep the layout and content.
AI · example response
The prepared preview changes the background and text colours while retaining the layout. Compare the Colours and Content tabs, then check readability with your own copy.
The guide describes the original fictional page. Keep its role separate from the changes you want for your own business.
Build an English movement-studio demonstration as `index.html` plus `assets/favicon.svg` and six local PNG copies listed in section 9. Put all CSS and vanilla JavaScript in the HTML; use no framework, bundler, build step, external JavaScript or library. Reproduce the structure, copy, proportions, palette, image placement and behavior specified here. Keep native browser scrolling and native HTML dialogs.
Read index.html, RECREATE.md and the assets in this folder. Tell me where the headline, images and contact links are before editing.
AI · example response
I will inspect the files and list the sections, image paths and links. I will also identify any form that only demonstrates an action.
You
Use the existing HTML. My business copy and images are in the materials folder.
AI · example response
I will match those materials to the existing sections and ask about missing content rather than invent it.
Steps to take
Open the folder
Unzip the project and give the agent access to it.
Inspect the page
Read the HTML and instructions before replacing content.
Add your materials
Supply your copy, images and actual contact destination.
Result to aim for: the agent works on your actual website files.
Illustrative workflow. No live AI connection.
02 / Your tasks
Do I still need to understand files and checks?
You need to unzip the project, give the AI access to the folder and open the preview. You do not need to type the code changes yourself. Ask the agent to explain unfamiliar steps and keep the original ZIP so you can start over.
Checked locally on this device; nothing is submitted.
AI ChatWorkflow example
Personalise the existing website
You
Change the company name, headline and service descriptions to the copy I supplied. Keep the layout and replace only the images I identified.
AI · example response
I will edit the existing HTML, preserve the other sections and show which files changed.
You
Make the main button open my booking page. Use the URL I supplied.
AI · example response
I will update the button link, then check it and the edited headline in the browser.
Steps to take
Supply your content
Give the AI exact text, image filenames and link destinations.
Edit the template
Ask it to edit the existing files and preserve the parts you like.
Review the preview
Read the new content and click the actual links on mobile and desktop.
Result to aim for: your business in the design you chose.
Illustrative workflow. No live AI connection.
03 / Real content
What can the AI not safely invent for me?
Your business facts, results, prices, customers and permission to use images. Supply approved content and remove fictional sample claims you cannot support.
What you offer
Name the service, audience and real next action.
What you can show
Use genuine work, approved descriptions and images you may publish.
AI ChatWorkflow example
Review the edited page
You
Compare the edited page with my instructions. Check the headline, image paths, navigation and contact button at desktop and phone widths.
AI · example response
I will list any differences and check what the browser actually displays. A saved file alone does not confirm the visible result.
You
The headline is cut off on my phone. Fix that without changing the copy.
AI · example response
I will adjust the responsive layout and check the same phone width again. You can then approve the result.
Steps to take
Compare the changes
Check your supplied text, images and requested scope.
Open the preview
Check desktop and mobile; click navigation and contact.
Describe the issue
Tell the agent what is wrong and ask it to recheck the corrected view.
Result to aim for: a reviewed version you can continue editing or publish.
Illustrative workflow. No live AI connection.
04 / Try and inspect
How do I tell whether my first change is correct?
Compare it with your request and inspect the actual browser page. A fluent AI answer is not proof that the page works or that a message was sent.
01
Read and click
Check the text, real links and visitor action.
02
Check the phone view
Look for clipped headings, missing images and navigation problems.
03
Request a precise correction
Describe the problem and the desired visible result, then recheck.
See the source files and technical details
A small change you can inspect
07-morrow/index.html · L84
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 id="hero-title">Make room<br>for <em>yourself.</em></h1>
First prepared edit
<h1 id="hero-title">Make room<br>for <em>movement.</em></h1>
Follow-up prepared edit
<h1 id="hero-title">Make room<br>for <em>movement.</em></h1>
Original project · Morrow
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
Connect the contact form
You
Make this contact form deliver enquiries to me. Use my chosen form service, add the required fields and keep credentials out of public HTML.
AI · example response
I will check whether the current form sends a request or only displays a local message. Then I will implement the selected service’s documented submission flow.
You
After publishing, send a clearly labelled test enquiry. I will confirm whether it arrived.
AI · example response
I will test submission and error states on the public URL. We will treat delivery as confirmed only after checking the receiving inbox or service.
Steps to take
Choose the receiver
Use your email and a form service or a configured server endpoint.
Ask AI to connect it
Provide service documentation and approve any account configuration.
Verify receipt
Send a test from the published page and check the receiving destination.
Result to aim for: an enquiry reaches your chosen destination.
Illustrative workflow. No live AI connection.
05 / When to get help
Which requirements need more than a small edit?
Accounts, payments, complex forms, data storage and CMS workflows need technical setup and testing. Decide whether to get help or choose a system built for those needs.
Keep the template route
Use it for a presentation site when you can arrange its remaining tasks.
Choose another route
A hosted editor or assisted build may fit when you need guided setup or frequent nontechnical publishing.
Write a small request and a helper brief
Your own working plan
06 / Starting websites
Can I fill this design with my real content?
Choose sections you can actually support. The sample business stories show presentation possibilities, not customers, results or live services you may claim as yours.
Morrow
Present classes, the studio and first-visit information. Live booking needs a separate destination.
Current download inspected on 2 October 2026. Confirm the selected files on the product page.
index.html
RECREATE.md
assets/creator-blue.png
assets/creator-coral.png
assets/creator-lilac.png
assets/creator-mint.png
Some resources may load from external URLs. Review the selected project before publishing.
Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
Cloudflare Pages · from folder to online
You
My website is finished. Publish this project folder to Cloudflare Pages with Wrangler. Tell me what account access and permission you need first.
AI · example response
I will check the site files and image paths. You will need to sign in to your Cloudflare account and approve creating or updating the Pages project before I upload.
You
I approve publishing to a new Pages project. Keep my current domain unchanged until I have checked the preview.
AI · example response
After the authorized upload, I will return the address Cloudflare provides and check images and links there. We can connect your domain after you approve the preview.
Steps to take
Give the agent your project
Use a file-capable AI agent with terminal access and keep index.html and assets together.
Authorize the upload
Sign in to the host and approve the specific project. The agent can run its supported CLI or API.
Check the real address
Open the returned URL; connect the custom domain only after checking the website.
Result to aim for: your website at a public address, then under your own domain.
Illustrative workflow. No live AI connection.
07 / Public website
What remains after my preview looks right?
Connect any contact or booking service you need, then ask your file-capable AI agent to publish the finished folder. It needs your hosting account authorization and upload permission. Review the public address before connecting or switching your own domain.
If the workflow fits, choose your starting website.
Choose a design you can fill with approved content. If file handling or public-site checks are unfamiliar, try the sample with help before committing to the workflow.
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 →
