Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
HTML + design instructions
You
I have index.html and RECREATE.md. I want to personalise this website, not recreate the fictional business. Which files should you use?
AI · example response
I will edit index.html and read RECREATE.md as design context. Your new copy, images and requested changes take priority over the sample company.
You
Keep the layout, use my offer and contact details, and remove fictional testimonials.
Steps to take
Existing website
The HTML is the file to edit for personalisation.
Design context
RECREATE.md describes the original layout and behaviour.
Your brief
Provide the business facts and edits you want applied.
Result to aim for: the selected design becomes your website, using the actual source files.
Illustrative workflow. No live AI connection.
01 / Three roles
What does each file actually contribute?
DESIGN.md can describe style rules; RECREATE.md describes how to reproduce a particular design; HTML is the actual website you open and edit. The inspected OneDollarStock projects include HTML and RECREATE.md, not an extra DESIGN.md. For personalisation, start with the website files and your own brief.
Style context
Typography, colour, spacing and component rules; not a whole page.
Reconstruction guide
Structure, content and behaviour of a particular reference.
Working HTML
An actual frontend to run and edit; check operating services separately.
AI ChatWorkflow example
Website project folder
You
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 / File access
Will a filename make your tool follow its contents?
No. Make the file available to the AI tool and name it in your instruction. Ask the agent to read it and explain its role before editing. A filename by itself does not make every AI interface load the file or follow its contents.
01
Provide the actual input
Use the tool’s supported file or workspace route and name each file.
02
Ask for inspection
Have it identify the input role, current source and unresolved requirements before editing.
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.
03 / See an edit
Which requirements can the source answer?
You can compare the brief with the actual page: text, colours, section structure and button behaviour. The example below maps six instructions to their implementation in Clearstead. Ask your agent to make the same comparison when checking whether your requested changes were applied.
Requirement
Authored style note
RECREATE.md
index.html
Visual hierarchy
Suggested roles, no exact page
Declared for the fictional reference
Current implemented source
Palette
Suggested roles, no exact page
Declared for the fictional reference
Current implemented source
Section order
Not specified
Declared for the fictional reference
Current implemented source
Owner facts
Not specified
Separate owner or service input
Must be supplied/configured; local demo only
Real enquiry receipt
Not specified
Separate owner or service input
Must be supplied/configured; local demo only
Later editing/publishing
Not specified
Separate owner or service input
Must be supplied/configured; local demo only
14-clearstead · original reference
Original English source. Coverage below is content inspection, not AI-output quality or a supplied DESIGN.md file.Open full preview ↗
One brief, three different input roles
Prepared original worksheet with a fictional teaching example. Replace it with your approved inputs; copy/download is local and does not grant rights, approval or a working service.
AI ChatWorkflow example
HTML + design instructions
You
I have index.html and RECREATE.md. I want to personalise this website, not recreate the fictional business. Which files should you use?
AI · example response
I will edit index.html and read RECREATE.md as design context. Your new copy, images and requested changes take priority over the sample company.
You
Keep the layout, use my offer and contact details, and remove fictional testimonials.
Steps to take
Existing website
The HTML is the file to edit for personalisation.
Design context
RECREATE.md describes the original layout and behaviour.
Your brief
Provide the business facts and edits you want applied.
Result to aim for: the selected design becomes your website, using the actual source files.
Illustrative workflow. No live AI connection.
04 / Choose by task
Which inputs fit what you want to do?
For changing an existing website, provide HTML and your requested edits. For recreating a design, provide RECREATE.md and its required resources. For restyling a project, provide the current code and your style rules. You can ask the agent to explain which material it needs for your task.
Change style
Current project + reviewed visual rules + bounded change request.
Recreate a reference
Guide + reference; compare the actual output against it.
Adapt a prepared page
HTML + guide + approved facts + explicit preserve/change instructions.
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.
05 / Resolve conflicts
What if the reference says exact copy and you want new text?
Tell the AI explicitly that your new business content takes priority over the sample text. List the copy to replace and the design to keep. This prevents a faithful recreation of the fictional company from being mistaken for a personalised website.
Checked locally on this device; nothing is submitted.
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.
06 / Files and scope
What needs a person or an operating service?
You supply the facts about your business, materials you can publish and the accounts used for contact or hosting. The AI can edit files and help connect supported services, but you approve access and check the real page and any received enquiry.
Website files + design instructions
Existing source and guide
The inspected examples include index.html and RECREATE.md. Companion files vary by product; some images or fonts remain remote.
Your separate setup
Use your own file-capable editing tool. AI access, domain, hosting and operational services are separate.
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 →
