How do you build a website with Cursor Agent? Turn a template into your own website by telling the agent what you need.
Open the complete website folder in your local Cursor editor. Ask Agent to explain it, supply approved content and review one focused change in the editor and browser.
Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
Cursor Agent · 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 / Open the folder
What should I open in Cursor?
Open the extracted website folder in the local Cursor editor, not just a screenshot. Keep source, guide and companion resources together and retain an untouched copy.
Website files + design instructions
Check access
Cursor account, model and Agent capabilities are external to the template purchase.
Start with the source
Use index.html for direct changes. Keep RECREATE.md as the original design reference.
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.
02 / Select context
Which context should Agent use first?
Ask it to explain the page structure and identify the part to change. Provide selected text, filenames or section references and your approved brief. Do not assume missing assets are visible.
Checked locally on this device; nothing is submitted.
See the source files and technical details
The actual project files
02-primefolio · Current inspected ZIP
Current product download inspected on 2 October 2026. Files and remote resources belong to this named project; other templates differ.
The guide describes the original fictional page. Keep its role separate from the changes you want for your own business.
Build one complete `index.html` for **Forma North — Independent digital design**. Use semantic HTML, one inline stylesheet and one inline classic JavaScript block at the end of the body. No framework, build step, package manager, bundler, JavaScript library or application backend is required. Implement the page and every state described below, including all six project stories, all three editorial notes, thirteen capabilities, the full-width studio menu and the local downloadable project brief.
03 / Focused request
How do I avoid asking for a full rewrite?
Ask for an edit to the current page and identify the exact elements: change the colours, replace these images or shorten this headline. Tell Agent which sections and links must remain so it can work within the chosen design.
›_ 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.
Prepared conversation and project versions. No live AI connection.
AI ChatWorkflow example
Cursor Agent · 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 / Review both views
What should I approve after Agent finishes?
Review the diff in the editor and the page in the browser. The source tells you what changed; the page shows how that change affects visitors.
01
Read the diff
Verify approved text, correct image paths and the expected scope.
02
Test the browser
Inspect crops, long descriptions, mobile navigation, dialogs and keyboard focus.
03
Correct one observed issue
Describe the issue, request the correction and recheck the affected view.
See the source files and technical details
A small change you can inspect
02-primefolio/index.html · L53
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.
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
Cursor Agent · Keep and restore a website version
You
Before editing, save this approved website version. Set up a Git checkpoint if available and keep my original ZIP unchanged.
AI · example response
I will confirm where the saved version is before applying the next change.
You
I prefer the previous layout. Restore it, but keep the new contact email.
AI · example response
I will compare the versions, restore the previous layout and check that the contact email remains the one you requested.
Steps to take
Save before editing
Keep the original ZIP and an approved folder or Git version.
Name what to restore
Tell the AI which version and which elements should return.
Check the restored page
Open it and verify content, layout and contact links.
Result to aim for: a deliberate return to the version you prefer.
Illustrative workflow. No live AI connection.
05 / Recovery
What can I return to after a bad edit?
Return to an approved folder or Git version, or use an available Agent checkpoint for its covered changes. Ask the agent to restore the exact part you rejected and preserve later edits you still want. Then reopen the page to check the result.
Agent checkpoint
Do not assume it covers every manual or external-tool edit.
Permanent history
Keep reviewed versions and check restored files and rendering after rollback.
See the source files and technical details
A saved version you can return to
02-primefolio · LP20-restore.diff
The saved first edit was copied back on a disposable local file and its checksum matched. This demonstrates file restoration, not an agent checkpoint or a hosting rollback.
The saved first edit was copied back on a disposable local file and its checksum matched. This demonstrates file restoration, not an agent checkpoint or a hosting rollback.
Choose the structure that fits the work and content you already have. The design options below are not a promise that every Cursor model or configuration behaves identically.
Primefolio
Show selected studio work and project stories using your own approved images and facts.
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
Cursor Agent · 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 / Outside Cursor
What does the editor session leave to arrange?
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 Cursor Agent.
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 →
