Skip to content
READY-MADE DESIGN. EDITABLE HTML. INSTRUCTIONS FOR AI.

Website templates for your AI tool. Choose the design. Develop your own website in your tool.

Download your chosen project with editable HTML and RECREATE.md. AI gets an existing website and instructions for its design. You request specific changes, check the preview and continue working on the saved files.

Claude Code · Codex · Cursor · Gemini CLI
Clearstead → Promptdesk
Original Clearstead: a light product page with a heading on the left and a financial dashboard illustration on the right
AI ChatSummary of an example request
You

Use the attached index.html and RECREATE.md from Clearstead. Change the name to Promptdesk. Heading: “Review your website changes in one place.” Button: “See example changes”, linking to #features. Replace the financial graphic with a static HTML illustration of three website areas and sample statuses. The dashboard is a fictional concept, without accounts or a real review service. Keep the split layout, colours and lower sections. Save the file and show a preview.

index.html · RECREATE.md
AI

The preview shows the opening of Promptdesk and a static website-review illustration. Compare it with Clearstead. Keep the saved file for your next edit.

A prepared conversation summary. The button copies the full editing request to use with the project files. No live AI connection.

Full request to copy

The original Clearstead and a prepared opening for fictional Promptdesk. The top-bar name, hero copy and dashboard illustration have changed. The lower sections and colours come from Clearstead. The dashboard is a static illustration with sample data, not a working application.

Project files

Open the whole extracted folder in your AI tool. Share the HTML, RECREATE.md and supplied assets.

index.htmlRECREATE.mdassets/
01 / A DESIGN AND FILES TO DEVELOP

Give AI the project you want to develop.

Choose a website you can already preview. Its HTML and instructions give AI a specific project to edit and give you a reference for checking changes.

HTML shows the project. RECREATE.md describes it for AI.

Below is an actual excerpt from the instructions supplied with Clearstead. This file describes the source project’s structure, design and behaviour. Give it to your agent with the HTML and assets to work on your chosen website.

index.htmlThe existing website you want AI to edit.
RECREATE.mdDetailed instructions for recreating the project’s design.
assets/The supplied project assets.

Check the package contents on your chosen template’s product page. Keep a copy of the source files before editing.

RECREATE.mdSource RECREATE.md excerpt / EN
Produce one `index.html`, containing all page markup, an inline stylesheet and one inline vanilla-JavaScript IIFE placed after the dialog. Use English. No framework, package manager, build step, bundler, external JavaScript, backend or persisted state.

The original package instructions are in English. This is an excerpt, not the full file.

02 / THE NEXT CHANGE IN YOUR SAVED PROJECT

Request an edit. Compare the result. Keep developing.

Return to the current file. Set the scope of the next edit and say which elements should stay. Each preview shows whether AI followed your request.

Promptdesk
Prepared Promptdesk opening: Review your website changes in one place on the left and a static dashboard illustration on the right
AI ChatExample request
You

Use the saved index.html from the Promptdesk project. Change only the opening layout: centre the heading and description above the dashboard, widen the dashboard and place it below the text. Stack the elements on a phone. Keep all text, the static illustration, sample data and colours. The “See example changes” button must still link to #features. Keep the lower page sections unchanged. Save index.html and show a new preview.

AI

The heading and description are now above a wider dashboard. The content, colours and button link stay the same. Compare the layouts and check the preview on a phone.

Two prepared versions of fictional Promptdesk. The second changes only the hero layout: centred text above a wider dashboard. The content, colours, illustration and #features link stay the same.
03 / CHOOSE A BASE FOR YOUR WEBSITE

First, choose what you want to see.

Compare three different designs. Start with a layout that fits your website and ask AI to make changes to its files.

Clearstead / a layout with a dashboard

Clearstead / a layout with a dashboard

A light product page with a large interface illustration. In the example, we change its opening and illustration, then the arrangement of the heading and dashboard.

Choose this template
Offset / a portfolio of work

Offset / a portfolio of work

Large typography, images and project sections. Choose this layout if you want to develop a website featuring your own work.

Choose this template
Aveniq / a dark product page

Aveniq / a dark product page

A dark layout with dashboard illustrations and orange accents. Start with this design if it fits your idea. The features shown are a fictional concept.

Choose this template
04 / KEEP YOUR FILES. CONTINUE IN YOUR TOOL.

Another AI session. The same project in progress.

Keep the current website folder. In your next session or another agent, share those files and describe the next change. The project and instructions remain your reference.

01

Choose the design.

Open the full preview. Check the layout, content and page behaviour. Choose a project that fits what you want to build.

02

Share the whole project.

Extract the ZIP. Give your AI tool the HTML, RECREATE.md and supplied assets. The instructions describe the design; the HTML shows its existing version.

03

Request a specific change.

Say what should change and what you want to keep. Ask for the file to be saved, open the preview and compare it with your chosen design.

Design and instructions included

  • Work with the saved HTML and assets from your chosen project.
  • Continue in an AI tool that can read and edit the files you share.
  • Claude Code, Codex, Cursor and Gemini CLI are examples of tools for working with project files.

What else you need to prepare

  • Features and ways to share files depend on the tool and plan. You choose and pay for AI separately.
  • After each edit, check the preview, links and behaviour on a phone.
  • A public address, messages, bookings and payments require separate hosting or the implementation of suitable services.

Try working with files using free Formwell.

Download the project, open it in your AI tool and request one change. Check the preview and saved file before buying your chosen template.

Download Formwell for free

CHOOSE YOUR ACCESS

Get one template. Or the full library of website templates, photos, mockups, presets and more — in one PRO plan.

Choose one design to develop further or get PRO access when you want more layouts and creative assets.

Single template

Your chosen design and files to work on in your AI.

$29.00 USD/ template

  • Your chosen website design
  • Source files and AI instructions
  • One payment
Choose a design for my AI

PRO Yearly

The full PRO library for future projects while your subscription is active.

$149.99 USD/ year

  • Full website template library
  • Photos, mockups, presets, LUTs and textures
  • One year of PRO library access
  • Renews automatically each year. Cancel anytime.
Special Lifetime offer

PRO Lifetime

Access to the PRO library for future projects with one payment.

Previous price$599.00 USD

$199.00 USD/ once

  • Full website template library
  • Photos, mockups, presets, LUTs and textures
  • Lifetime access to the PRO library
  • One payment. No annual renewals.

Commercial Use pricing. Prices and taxes are confirmed at checkout. Your AI tool, domain and hosting are separate.

05 / BEFORE CHOOSING A TEMPLATE

Files, requests and further work.

Am I buying a website, HTML or just a prompt?

You buy the files for your chosen template with an existing website design. The projects shown include editable HTML and RECREATE.md with detailed instructions for recreating the project. Check the supplied assets on the product page. Downloading files does not publish a website or connect services.

Can I work in Claude Code, Codex, Cursor or Gemini CLI?

You can share the project with an agent that reads, edits and saves files. In Claude Code, Codex, Cursor or Gemini CLI, work with the extracted folder according to the tool’s instructions. Check its available features and your plan. OneDollarStock supplies the project; you choose and pay for your AI tool separately.

Is pasting a short request enough?

Share index.html, RECREATE.md and supplied assets with AI separately. RECREATE.md contains detailed instructions for the project’s design. The button copies the full editing request; the conversation beside the preview shows a summary. Both describe edits to the existing website.

How do I check the result of successive changes?

Work with the current file and define the scope: what to change and what to keep. Ask for the edit to be saved, open the preview and compare it with the previous version. Check links and the view on a phone too. A form or button in a template may show a sample state; real messages, payments or bookings need separate implementation.

How do I continue after changing AI tools?

Keep the current project folder with its HTML, instructions and assets. Share it with the next tool that works with files and describe the next change. Moving the project does not move the history of your previous conversation. Before continuing, ask the new agent to read the files and check its first edit.

Choose the design. Open the project in your AI tool.

The HTML and instructions are in your chosen template’s package. Start with a design you want to change and keep successive versions.