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?
Unzip the download and open the entire folder in Cursor. Select Agent, give it access to the project and ask it to read index.html and RECREATE.md. It can then change the existing page from your written instructions.
Website files + design instructions
Existing frontend
Direct editing starts from the supplied page.
Design guide
RECREATE.md describes the original design; your own brief defines personalization.
See the source files and technical details
The actual project files
05-offset · 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 `index.html` in English, with inline CSS and vanilla JavaScript, plus an `assets/` directory containing the seven supplied companion image files listed in section 9. Preserve those files byte-for-byte. There is no framework, bundler, package installation, build step, module loader, external JavaScript library, canvas, or WebGL. Target a current Chromium desktop browser and responsive touch layouts. Serve the directory with a local static HTTP server for verification; the page also uses only ordinary file-compatible HTML and remote HTTPS resources when opened as a file. Runtime is **network**: the seven image URLs and Google Fonts remain remote runtime dependencies. The local companion files are part of the deliverable, not an automatic runtime fallback. Do not replace the required remote URLs with local paths. There are no bundled fonts, service workers, analytics, API endpoints, cookies, storage writes, or real message delivery.
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 / Your real work
What turns a sample portfolio into mine?
Your own work images, project names, role descriptions and approved facts. Tell Agent where each item belongs and what sample content must be removed.
Checked locally on this device; nothing is submitted.
Map your images before editing
Your own working plan
03 / A focused edit
How do I ask for changes without rewriting everything?
Select a clear part of the page and describe the desired result. Keep the rest of the layout in scope and ask Agent to explain the saved changes.
›_ AI editing exampleFormwell
You
From the prepared Alder colour version, move the introduction closer to the top and add “Tell us about your project” below it.
AI · example response
The prepared preview adjusts the introduction spacing and adds a contact link. Compare the Layout and Colours tabs. Its brief download remains local; it does not send an enquiry.
Prepared conversation and project versions. No live AI connection.
See the source files and technical details
Three image positions, three owned teaching graphics
05-offset/index.html · first three image src attributes
The prepared version replaces three original decorative images with newly authored geometric SVGs embedded in the HTML. These are teaching graphics, not client work or licensed replacement photos. The original source is unchanged.
e816dbef5b2d8164b54dd6612ea14b6ac8b59689d1b17e1a536b94c3a99ac621-ribbon.png → owned-teaching-study-1.svg (embedded data URI)
4273b900231f577d1bb47f48276b3eaea59f7439dd6e3d9ece7b2c70f4aa9e17-glass.png → owned-teaching-study-2.svg (embedded data URI)
792cc3188c1ccd9bfb5e5b71f36964769a75d7cf06cb9ee260f925faac751a78-fern.png → owned-teaching-study-3.svg (embedded data URI)
Original project · Offset
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 · 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 the diff
What should I approve after Agent finishes?
Review the source diff and the rendered page. Neither one alone tells you whether image crops, long descriptions, links and mobile behavior fit your intended portfolio.
01
Read the changed paths
Check text and image replacements and any unexpected changes.
02
Inspect the page
Test desktop, mobile, dialogs, keyboard focus and the actual enquiry destination.
03
Request one correction
Describe the observed problem and recheck the same part after the correction.
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 / Keep a way back
Can I recover from an unwanted edit?
Yes, if you retain the original and approved versions. Ask the agent to restore the previous layout or undo a specific edit. Cursor checkpoints help with agent changes; use Git or separate saved copies for a lasting history, and check the restored page.
Are checkpoints the same as Git?⌃
No. Do not assume an Agent checkpoint covers every manual or external-tool change. Keep permanent history or independent copies.
Is Cursor included?⌃
No. Arrange Cursor access separately and check the capabilities of your chosen account, model and environment.
See the source files and technical details
A saved version you can return to
05-offset · LP15-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.
Offset offers selected work, services and a studio approach. Compare related presentations by your available images and content, not a generic compatibility badge.
Offset
Start with selected work, services and a studio approach. Replace the sample portfolio with your real projects.
Current download inspected on 2 October 2026. Confirm the selected files on the product page.
index.html
RECREATE.md
assets/paper-detail.webp
assets/print-project.webp
assets/studio-review.webp
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 / Publish and connect
What remains outside the editor?
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 →
