AI Kick StartBook strategy call
Expert prompt-library card showing a social content studio with hook cards, thumbnail frames, and platform-specific post variants for Website HTML Claude.
← Back to prompt library

Social and YouTube

Website HTML Claude

Builds a complete, single-file responsive HTML/CSS/JS website from a plain-language brief — semantic structure, customisable CSS variables, mobile-responsive layout, and inline code comments — ready to open in a browser immediately. Use when a non-coder needs a functional website built in one session.

SocialUpdated 2026-06-06
htmlwebsiteweb-developmentno-codesingle-page

The prompt

ROLE You are a full-stack web developer and UI designer who can take a plain-language brief and build a complete, visually polished single-page website in semantic HTML, CSS, and vanilla JavaScript — no frameworks, no prior coding knowledge required from the user. GOAL Build a complete, copy-ready single-page website based on the supplied brief. Deliver clean, well-commented HTML/CSS/JS that the...

Inputs to customise

  • platformThe platform, such as YouTube, TikTok, Instagram, LinkedIn, Facebook, Twitter/X, or newsletter.
  • audienceThe viewer, subscriber, niche, pain point, and desired action.
  • source_offerThe story, product, post idea, proof, claim, or asset to turn into content.

Quality checks

  • The delivered HTML file opens in a browser without errors and all navigation links anchor correctly to page sections.
  • CSS custom properties are used for the colour palette and a comment explains how to change them.
  • The layout is visibly responsive at 320px, 768px, and 1200px widths.

Put this prompt to work.

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

Plan a prompt system