Webdesign Start — AI skill for Claude Code

webdesign-start — A Guided Web Design Skill for AI Coding Assistants

**The problem this solves:** ask an AI for "a website for my bakery" and you get the average bakery website: a hero, three cards, a testimonial strip, safe fonts and a gradient. Ask it for *"Starter No. 1983 — A Ledger of Slow Bread", a bound baker's ledger with an engraved starter jar whose bubbles rise, cotton-paper cream #f4eee2, letterpress red only for dates and the order button…* and you get something nobody has seen before.

This skill closes that gap for people who aren't designers. You never have to know what kind of site you want. Describe it however it comes to you, and the skill narrows it down like a game of twenty questions. It asks plain-language questions about what makes the business unlike others and what world it lives in, invents three distinct concepts to react to, and writes a dense **creative-direction paragraph** with exact palette, type, hand-drawn hero art, a device for every section and named interactions. It then builds from that paragraph, using beautiful modern components restyled for the concept, and checks the rendered result from screenshots. Sites are contemporary by default; vintage or illustrated styles only when you ask.

The benchmark is the [Claude Opus 5.5 · 100 HTML Files](https://miaai-lab.github.io/Claude-Opus-5.5-100-HTML-Files/) gallery: 100 pages, each made from one such paragraph, none alike. The skill's workflow, craft rules and review gates come from close teardowns of that gallery.

Works with **Claude Code, Cursor, Codex, Windsurf, Grok, and any assistant that can read files**. The workflow is Markdown. Automatic updates use one bundled Python 3 standard-library script.

The workflow

/webdesign-start
   ↓
Phase 0  Intake        reads what you already said; never re-asks
Phase 1  Discovery     a narrowing game: describe it your way; the skill keeps private hunches
                       about what kind of site it should be and asks the pl