Website templates for Gemini CLI. Turn a ready-made design into your business website by giving Gemini instructions.
Give Gemini CLI an existing website and a bounded change request. Check the files it can read, your account setup and the page structure you actually need.
Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
Gemini CLI · 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.
01 / Named files
Which files does the project provide?
Give Gemini CLI the unzipped project. This inspected Veyra package contains index.html and RECREATE.md. Start with those files and ask Gemini to identify any externally loaded images or fonts before editing or publishing.
Website files + design instructions
@index.html
Gemini CLI documents explicit file references for context. Point it to the supplied page.
@RECREATE.md
Name the original design guide separately from your approved business brief.
See the source files and technical details
The actual project files
12-veyra · Current inspected ZIP
Current product download inspected on 2 October 2026. Files and remote resources belong to this named project; other templates differ.
index.html
RECREATE.md
What the original instructions specify
12-veyra/RECREATE.md · L5
The guide describes the original fictional page. Keep its role separate from the changes you want for your own business.
Build an exact English-language, responsive, single-page fictional voice-to-draft product demonstration as one `index.html`, with inline CSS, inline JavaScript and inline SVG. Use native HTML and browser APIs, no framework, build step, external fonts, requests, media files or libraries. Runtime is offline: the page must render and its local controls must work with the network disconnected. Target current Chromium, Safari and Firefox with native `dialog`, CSS Grid, custom properties, `matchMedia` and CSS masking. Support a local HTTP server and opening the file directly; clipboard permissions can differ and must take the specified manual-copy fallback. There is no transcription, generated AI output, account, purchase, download, real product, server submission or persistence. Keep every visible disclosure and prepared sample exactly as specified. Do not add photography, a loader, pricing, testimonials or external links.
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.
02 / Two uses
What should Gemini do with each file?
Edit index.html for focused changes to the supplied page. Use RECREATE.md as a reference or a deliberate reconstruction target. Your business content must be supplied separately.
Direct editing
Review changed source and the browser after each bounded request.
Reconstruction
Compare the new implementation with the original design and its behavior.
03 / Account and access
What must I arrange for Gemini CLI?
Install Gemini CLI and follow Google’s sign-in flow; a personal Google account is the recommended starting route for most individual users. API-key and Vertex AI options have different requirements. The template gives you website files, while AI access and billing remain with your chosen account.
Is this ordinary Gemini chat?⌃
This page describes Gemini CLI with local project files. Other Gemini surfaces need their own verified file workflow.
Is unlimited AI usage included?⌃
No. The template does not include Google AI access or an unlimited usage allowance.
Ask Gemini to edit the existing HTML with your supplied copy. For example: change the product name, use this headline and link the main button to my real demo. Mention index.html and RECREATE.md so it works from the selected project.
›_ 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
The prepared preview replaces the company name, hero headline and introduction. Compare the Content and Original tabs to see those edits; the other project images remain sample content.
Prepared conversation and project versions. No live AI connection.
See the source files and technical details
A small change you can inspect
12-veyra/index.html · L17
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>Thoughts into<br>a first draft.</h1>
First prepared edit
<h1>Notes into<br>a reviewed draft.</h1>
Follow-up prepared edit
<h1>Your notes.<br>Your next draft.</h1>
Original project · Veyra
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
Gemini CLI · 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.
05 / Review the result
How do I verify more than the terminal answer?
Read the saved diff and open the edited page. Check facts, resources, mobile headings, keyboard controls and the CTA target. Save an approved version before the next change.
Checked locally on this device; nothing is submitted.
06 / Choose the structure
Which layout fits my product story?
Compare product presentation, examples, workflows and FAQ structure. These designs are marketing frontends; the software described by their fictional stories is not included.
Veyra
Present a voice-product story, examples and workflows. It does not include a voice-to-text application.
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
Gemini CLI · 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 / Next steps
What remains after the edit?
After editing, connect any real enquiry or booking service and ask your AI agent to publish the folder to a suitable host. Approve the account access and upload, check the returned public URL and then connect your domain. Hosting and AI access are separate from the template.
Choose a template. Make it your website with Gemini CLI.
Download the files, open the project in your AI tool and describe your business changes. You start from an existing design and can keep editing the saved website.
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 →
