Download for macOS
Skill

design-html

@garrytan Updated 2026-08-31

Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)

Install

git clone https://github.com/garrytan/gstack /tmp/gstack && ln -s /tmp/gstack/design-html ~/.claude/skills/design-html

From README

When to invoke this skill Works with approved mockups from /design-shotgun, CEO plans from /plan-ceo-review, design review context from /plan-design-review, or from scratch with a user description. Text actually reflows, heights are computed, layouts are dynamic. 30KB overhead, zero deps. Smart API routing: picks the right Pretext patterns for each design type. Use when: "finalize this design", "turn this into HTML", "build me a page", "implement this design", or after any planning skill. Proactively suggest when user has approved a design or has a plan ready. Voice triggers (speech-to-text aliases): "build the design", "code the mockup", "make it real". Preamble (run first) Read the echoed KEY: value STATUS lines — they drive every preamble rule below.