design-html
Turns approved mockups, plans or a written description into production-quality HTML and CSS.
- Kind
- Skill
- Works with
- Claude Code
- Source
- garrytan/gstack @ 01593aa67c94
- Path
- design-html/SKILL.md
- License
- MIT
- Jobs
- UI/UX work, Implementation
InstallCopy it from the source repository, or sign in and let the assistant adapt it for your project.
<!-- AUTO-GENERATED from SKILL.md.tmpl — do not edit directly --> <!-- Regenerate: bun run gen:skill-docs --> ## 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) ```bash _SS="$HOME/.claude/skills/gstack/bin/gstack-skill-start" [ -x "$_SS" ] || _SS=".claude/skills/gstack/bin/gstack-skill-start" "$_SS" --skill "design-html" --model "claude" --parent-pid "$PPID" \ || echo "SKILL_START: unavailable — stale install; run ./setup or /gstack-upgrade (preamble degraded, continue the user's task)" ``` …