Build client websites from ready-made templates. Add website creation to your services with AI.
Turn a finished design and code into a client site with AI. Add their offer, brand and images, show the preview and turn feedback into further instructions.
Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
Example workflow · your project
You
What does this engagement need next?
AI · example response
If design is undecided, preview templates with the client. With a brief, move to customization.
You
My client needs a service website. List what the client provides, what I will change in the template and which connections I need to set up.
AI · example response
Offer, audience, content, images and required functions. Agree on design, contact route, languages and revision scope.
Steps to take
Gather the brief
Offer, audience, content, images and required functions.
Define the delivery
Agree on design, contact route, languages and revision scope.
Plan delivery
Include AI editing, connected services, deployment and later updates.
A website scope you can discuss and price with the client.
Illustrative conversation, not a live AI connection or completed deployment. The agent needs file access and your authorization for external accounts.
01 / Choose the task
What does this engagement need next?
If design is undecided, preview templates with the client. With a brief, move to customization. Choose an offer landing for campaigns and compare full-library access for ongoing commissions. The links below lead to those tasks.
You receive a template’s design, code and instructions. Use AI to make a client site: change text, images, colours, layout and sections.
You
Open the template files and RECREATE.md. Change the introduction, colours and images using my brief. Keep the section layout.
AI · example response
Unzip the download and open the folder in a file-capable AI tool. Specify which texts, colours, images and sections should change.
Steps to take
Provide the project
Unzip the download and open the folder in a file-capable AI tool.
Describe changes
Specify which texts, colours, images and sections should change.
Review the preview
Open the result on desktop and mobile, then describe further changes in chat.
Your version of the selected design to preview.
Illustrative conversation, not a live AI connection or completed deployment. The agent needs file access and your authorization for external accounts.
02 / Files and scope
What does the starting project supply?
You receive a template’s design, code and instructions. Use AI to make a client site: change text, images, colours, layout and sections. Agree client content, hosting and extra services within your commission scope.
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.
AI ChatWorkflow example
Example workflow · your project
You
What should the client approve before adaptation?
AI · example response
Agree on design, offer, text, images and button actions before editing. Review the template together and list: keep this layout, replace these texts, remove these sections.
You
My client wants larger images and less text. Turn this feedback into specific edits in this template and prepare a version to compare.
AI · example response
Review the template with the client and identify elements they like. Specify what to keep, which content to replace and which sections to remove.
Steps to take
Show the design
Review the template with the client and identify elements they like.
Turn feedback into edits
Specify what to keep, which content to replace and which sections to remove.
Compare versions
Check the new version on desktop and mobile before further revisions.
A page version based on specific client feedback.
Illustrative conversation, not a live AI connection or completed deployment. The agent needs file access and your authorization for external accounts.
03 / Agree before editing
What should the client approve before adaptation?
Agree on design, offer, text, images and button actions before editing. Review the template together and list: keep this layout, replace these texts, remove these sections. Give that list to AI as instructions.
Checked locally on this device; nothing is submitted.
04 / Choose a design
Which reference makes the relevant choices visible?
Orbit is a useful reference for services, Forma Studio and Offset for work, Relayline for a product. Pick a design for what the client wants to present and preview it on mobile too.
Orbit
Expertise, work, approach and services for a studio or consulting offer.
Current download inspected on 2 October 2026. Confirm the selected files on the product page.
index.html
RECREATE.md
assets/relayline-focus.png
assets/relayline-portrait.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
Example workflow · your project
You
How does a design request become reviewable?
AI · example response
Give AI the edit list and client material and request a preview version. Send the preview and clarify feedback, such as “larger images, shorter introduction”.
You
My client wants larger images and less text. Turn this feedback into specific edits in this template and prepare a version to compare.
AI · example response
Review the template with the client and identify elements they like. Specify what to keep, which content to replace and which sections to remove.
Steps to take
Show the design
Review the template with the client and identify elements they like.
Turn feedback into edits
Specify what to keep, which content to replace and which sections to remove.
Compare versions
Check the new version on desktop and mobile before further revisions.
A page version based on specific client feedback.
Illustrative conversation, not a live AI connection or completed deployment. The agent needs file access and your authorization for external accounts.
05 / See an edit
How does a design request become reviewable?
Give AI the edit list and client material and request a preview version. Send the preview and clarify feedback, such as “larger images, shorter introduction”. The prepared edits below show different briefs, not completed client commissions.
Cedar Studio · 11-forma-studio
Prepared demonstration edit; use AI to insert your own details. This is not the result of a run in an external AI tool.Open full preview ↗
Lumen Consultation · 03-orbit
Prepared demonstration edit; use AI to insert your own details. This is not the result of a run in an external AI tool.Open full preview ↗
AI ChatWorkflow example
Example workflow · your project
You
Who approves, operates and receives what?
AI · example response
The client reviews text and design; you or a technical person check functions and deployment. Agree who updates the site, manages forms and pays for hosting.
You
Prepare a short client guide: the site URL, how to change text with AI, where the form goes and how to publish updates.
AI · example response
Save the URL, a file backup and the list of connected services. Explain how to open the project, request an AI edit and review the result.
Steps to take
Save the final version
Save the URL, a file backup and the list of connected services.
Explain updates
Explain how to open the project, request an AI edit and review the result.
Agree ongoing care
Agree who deploys changes, pays for services and handles faults.
A practical guide to operating the finished site.
Illustrative conversation, not a live AI connection or completed deployment. The agent needs file access and your authorization for external accounts.
06 / Roles and rights
Who approves, operates and receives what?
The client reviews text and design; you or a technical person check functions and deployment. Agree who updates the site, manages forms and pays for hosting. Commercial Use covers client sites; confirm modified-code handover and additional access separately.
Save the final version
Save the URL, a file backup and the list of connected services.
Explain updates
Explain how to open the project, request an AI edit and review the result.
Agree ongoing care
Agree who deploys changes, pays for services and handles faults.
Save the brief, design, client materials and a finished-site backup. Add update instructions, connected services and agreed ongoing care. Future AI edits can then start from the existing project.
You
This is the completed client website. Help me save the full project and write PROJECT-NOTES.md with the approved brief, edits, hosting, connected services and instructions for the next update.
AI · example response
Keep the complete current folder and a backup. I can write a note listing the selected design, approved changes, live address, deployment method and service connections, plus the agreed care scope. Record where account access is managed, without putting passwords in the project.
Steps to take
Save the complete version
Keep source, assets, client materials and a backup of the completed website.
Write the update note
Record approved changes, hosting, live address, service connections and the deployment steps in PROJECT-NOTES.md.
Prepare the next edit
Open the saved project and note in AI, back it up and describe the new change before republishing.
A complete saved client project with instructions for later edits and deployment.
Illustrative conversation, not a live AI connection or completed deployment. The agent needs file access and your authorization for external accounts.
07 / A usable project plan
What should your next project plan retain?
Save the brief, design, client materials and a finished-site backup. Add update instructions, connected services and agreed ongoing care. Future AI edits can then start from the existing project.
Checked locally on this device; nothing is submitted.
Project files and update instructions to retain
Enter your details. Copy or download this note to use with AI.
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 →
