# design-html

> Claude/Codex skill by [@garrytan](https://omgskills.com/library/garrytan/index.md) · 131k stars · Updated 2026-08-31

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

## Install

```sh
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.

## Links

- HTML page: https://omgskills.com/skills/garrytan/gstack/design-html/
- GitHub: https://github.com/garrytan/gstack
- Author: [@garrytan](https://omgskills.com/library/garrytan/index.md)

## More from this repo

- [gstack](https://omgskills.com/skills/garrytan/gstack/index.md) — Router for the gstack skill suite.
   - [@garrytan](https://omgskills.com/library/garrytan/index.md) · 132k stars
- [autoplan](https://omgskills.com/skills/garrytan/gstack/autoplan/index.md) — Auto-review pipeline — reads the full CEO, design, eng, and DX review skills from disk and runs them sequentially with...
   - [@garrytan](https://omgskills.com/library/garrytan/index.md) · 132k stars
- [benchmark](https://omgskills.com/skills/garrytan/gstack/benchmark/index.md) — Performance regression detection.
   - [@garrytan](https://omgskills.com/library/garrytan/index.md) · 132k stars