One-shot HTML

A complete, working page from a single prompt, delivered as one HTML file that opens straight from disk. You will also see it written “1-shot HTML” or “one shot HTML”. It is the same idea.

Browse all 38 pages Use with an AI agent

What one-shot HTML means

In AI-assisted building, a one-shot is a result that is right the first time: one message in, a finished artifact out, no back-and-forth. One-shot HTML applies that to the web. The model returns a single .html file with its CSS and JavaScript inline, and that file is the whole deliverable.

There is no framework to scaffold, no package to install and no build to run. You open the file in a browser and it works, which also makes it easy to check: what you see is everything there is.

Why most one-shot attempts come back generic

The prompt is usually the problem. “A landing page for an AI startup” leaves the model to choose the palette, the type scale, the section order and the motion, and it reaches for the average of everything it has seen.

Prompts that one-shot reliably are long and specific. They name exact colours, fonts and sizes, list every section in order, describe each interaction, and call out the details that usually break, such as horizontal scroll on a phone or animation with no reduced-motion fallback. Every page below was built from a prompt like that, and the prompt is published next to it.

How to one-shot an HTML page

Pick a page below and open its live demo, so you know exactly what the prompt produces.
Copy its prompt, or fetch it raw from https://instalanding.ai/p/<slug>.txt.
Paste it into Claude, ChatGPT, Gemini, Cursor or any coding agent and ask for a single HTML file with everything inline.
Open the file in a browser. Then change the brand, copy and colours by hand or with one follow-up message.

What a good one-shot HTML file looks like

Everything inline: CSS in a <style> block, JavaScript in a <script> block, graphics as SVG, CSS or canvas.
No build step: it runs from file:// as well as from a server.
Libraries, if any, from one pinned CDN version.
Responsive down to a 390px phone with no horizontal scroll.
A reduced-motion path for every animation.
Marked sections and design tokens in one place, so a person or an agent can find and change each part.

Newest one-shot HTML pages

Each one is a single HTML file. Open the live demo, read the prompt that built it, or copy the code.

Starfork Game Studio Landing Page

A premium indie game studio page set in a cosmic toy world: eight sprite-rigged characters with real animation poses standing on a glowing planet, a character select with pose and frame-rate controls, a playable 30-second endless runner with coins and fireworks, live game cards, and a careers quiz
dark · playful · cosmic · characters · ~2,335 token prompt Live demo Prompt Code
Social Work Agent Swarm Landing Page

A loud neo-brutalist page for a swarm of AI agents that help social workers: huge stencil type over op-art ring patterns, animoji characters whose eyes follow the cursor, a filterable crew of eight agent cards, an approval queue, guardrails and pricing
light · bold · playful · neo-brutalist · ~1,488 token prompt Live demo Prompt Code
Game Dev Agent Landing Page

An AI agent for game studios whose hero is a playable three.js diorama: a toy biplane with a corgi pilot flying a low-poly cherry-blossom road under bloom and tilt-shift, a full-page loader, a crew picker that repaints the plane live, in-engine card stills and generated sound
light · playful · three.js · low-poly · ~2,686 token prompt Live demo Prompt Code
Peptide Skincare Store Landing Page

A warm, cream-toned peptide skincare store whose hero is a spinning sphere of code-drawn product tiles behind a glass search bar that types its own queries, with springy lab-style product renders, a draggable Dose lab vial, bubble-popping add-to-bag and a day-to-night routine
light · warm · premium · glassmorphism · ~2,466 token prompt Live demo Prompt Code
AI Work Assistant Chat Landing Page

A soft pastel AI-assistant launch page whose hero is a working chat: it types its own first question, streams answers with thread cards, drafts and calendar slots, and is ringed by agent badges that spin, tick and fail on their own
dark · light · minimal · pastel · ~2,075 token prompt Live demo Prompt Code
Maasai-Inspired Event Landing Page

A cultural events studio page on Maasai-inspired dusk: a Rive hero rebuilt in SVG where four warriors leap into the adumu, a scroll-driven frieze of leaping silhouettes, generated beadwork and gala art, and textures cut from the warriors' own shapes
light · warm · editorial · illustrated · ~1,976 token prompt Live demo Prompt Code
Blackletter Biology Workbench

A computational biology platform set like an illuminated manuscript: blackletter headings lit by a WebGL shader, spinning conic frame borders, and hand-drawn lab sketches in the margins
light · editorial · blackletter · webgl · ~1,611 token prompt Live demo Prompt Code
LED Metro Tech Storefront

A big-tech devices homepage in warm clay and glass, with a live LED metro map for a hero, a Personal/Business switch that rewrites the page, and a dot-matrix ticker
light · claymorphism · glassmorphism · led-dot-matrix · ~1,485 token prompt Live demo Prompt Code
Hazard Terminal Security Page

Antivirus as an amber hazard terminal: a spinning seal HUD, a live scan where three cores vote, and a searchable grid of 72 spirits, each guarding a threat
dark · hud · terminal · amber · ~960 token prompt Live demo Prompt Code

Questions

Is “1-shot HTML” the same as one-shot HTML?

Yes. One-shot, 1-shot and single-shot all mean a complete result from one prompt, without iterating.

Which AI model is best for one-shot HTML?

Any current frontier model can do it when the prompt is detailed enough. The brief matters more than the model. The prompts here are written to work in Claude, ChatGPT and Gemini, and in coding agents such as Cursor, Codex and Claude Code.

Can I use these pages commercially?

Yes. Every page and prompt in the library is free and MIT licensed, with no account.

Can I move a one-shot HTML page into React or Next.js?

Yes. It starts as plain HTML, so it fits anywhere. Ask your agent to turn each marked section into a component and the design tokens into your theme.