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 / Actual instructions
What does a detailed website prompt contain?
It describes the website the AI should build: sections, visual rules, content and interactions. The supplied RECREATE.md for Forma Studio includes those details. Pair it with the HTML and your own business instructions to recreate the sample or personalise the existing project.
Original English excerpt · section 1
No framework, build step, module loader or external JavaScript dependency is needed.
See the source files and technical details
Actual Forma Studio output contract
11-forma-studio / RECREATE.md / §1 / line 5
Original English excerpt from the owned package inspected on 2 October 2026. Full guide and supplied files belong to the selected product; this public excerpt is not the entire prompt.
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.
Forma Studio · original fictional reference
Original English frontend from 11-forma-studio. Remote media and local demo controls remain unchanged.Open full preview ↗
02 / Choose a design
Can you inspect the design those instructions describe?
Yes. Open the template preview to see the design before choosing, then inspect the supplied HTML and instructions. Forma Studio, Formwell, VYNE and Offset below have different layouts; choose the one you want to turn into your own website.
Forma Studio
Editorial identity and digital-design portfolio with work and approach.
The HTML uses remote Google Fonts and image URLs although three companion WebP files exist.
No automatic offline fallback.
Enquiry and email previews are local demos (§1).
RECREATE.md:7; index.html:42, enquiry form handler near end of script
The native enquiry dialog builds a local preview; the inspected handler does not send a request to a service.
A preview is not message receipt or a backend.
AI ChatWorkflow example
Find the design rules in the code
You
Find the background and accent colour rules in this HTML. Replace them with my brand colours while keeping the layout.
AI · example response
I will locate the CSS variables or style rules, update those values and check that text and buttons remain readable.
You
Show me the affected files and the browser preview rather than only pasting code into the chat.
Steps to take
Locate the rule
Ask the agent to identify the HTML’s relevant CSS.
Apply your preference
Give the exact colours, size or spacing you want.
Inspect the page
Check the visible result before approving the files.
Result to aim for: you direct the design changes while AI edits the code.
Illustrative workflow. No live AI connection.
03 / Trace the rules
Where do written choices live in the code?
The visual rules are implemented in the HTML’s CSS, and interactive behaviour is implemented in its JavaScript. For example, Forma Studio’s paper background and brick accent appear as colour variables. Ask your agent to find and edit those rules; you do not need to locate them manually.
Palette · section 2 and :root
Warm paper and brick orange correspond to --paper:#f2f0e9 and --accent:#c53c22.
Structure · section 2
The guide separates wide containers, a project column and a scope grid. The source retains distinct alignment systems.
Behaviour · section 1
Enquiry and email previews are local demos, not message delivery.
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 / Recreate or adapt
Should the AI reproduce the sample or make it yours?
Decide what you want to start from. To recreate the sample, supply RECREATE.md and the required assets. To make the existing website yours, give the agent the HTML plus your texts and images and explicitly ask it to edit that project, replacing the fictional company.
Preserve the reference or adapt it
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.
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.
05 / Files and scope
Do you receive only prompt text?
No. The current Forma Studio source package contains index.html, RECREATE.md and three companion WebPs. Remote images and fonts still require network access.
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.
06 / See an edit
What could a separate adaptation request change?
You can ask for changes to your company name, text, colours, images or section layout. The prepared Clearstead example below changes the name, accent, headline and introduction in the same source. Its other sample content and local form behaviour remain unchanged.
See the source files and technical details
Exact change request and preserved scope
14-clearstead / index.html · actual diff: LP43-bounded-edit.diff
Method: direct source edit. All scripts, source order and media references retained. No external AI execution, publication or receipt claimed.
Clearstead → WorkshopDesk
--teal:#215e64 → --teal:#6d4382
Hero → Give your next workshop a clear plan.
#features introduction → fictional workshop planning; other sections unfinished.
Before · original Clearstead
Prepared source edit, not a live AI conversation or finished business website.Open full preview ↗
After · bounded WorkshopDesk edit
Prepared source edit, not a live AI conversation or finished business website.Open full preview ↗
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.
07 / Choose the input
Is a short prompt, screenshot or style record enough?
A short prompt can describe a change, but it does not contain the website files. A screenshot shows appearance but not the working code. For editing a selected template, give the agent its HTML and instructions, then use a short message to describe the changes you want.
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 →
