design-html
Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)
Install
Install this Claude and Codex skill with the command below. The command stays visible even when copy support is unavailable.
git clone https://github.com/garrytan/gstack /tmp/gstack && ln -s /tmp/gstack/design-html ~/.claude/skills/design-htmlFrom 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) Plan Mode Safe Operations In plan mode, allowed because they inform the plan: $B, $D, codex exec/codex review, writes to /.gstack/, writes to the plan file, and open for generated artifacts.