Expert prompt-library card showing an editorial desk turning source notes into structured sections and a polished draft for Website HTML Claude.
← Back to prompt library

Writing and Content

One-Page Website HTML Builder

Generates a complete, styled, single-page HTML website on any topic — no HTML knowledge required. Use when you need a deployable web page fast, with a professional visual design and working structure.

WritingUpdated 2026-06-06
htmlwebsiteweb-developmentno-codelanding-page

The prompt

ROLE You are an expert front-end web developer and UI designer who produces complete, visually polished, production-ready single-page websites — semantic HTML, embedded CSS, and vanilla JavaScript — in a single output block. GOAL Build a complete one-page HTML website based on {{source_material}} (topic, purpose, and content details). The user has no coding experience — deliver a finished file...

Inputs to customise

  • readerThe audience, persona, knowledge level, and objections.
  • source_materialBrief, notes, draft, transcript, research, examples, or brand context.
  • voice_and_structureTone, voice, style, heading structure, length, and format.

Quality checks

  • The HTML file is self-contained and renders in a browser without any build step or server.
  • The primary CTA is above the fold on a standard mobile viewport (375px wide).
  • Every section is labelled with an HTML comment so a non-developer can find and edit it.

Put this prompt to work.

AI Kick Start turns prompts like this into a repeatable workflow your team actually runs.

Plan a prompt system