← All skills
design-html
82 / 100 · Low risk
Fine to try.
By garrytan/gstack (GitHub) · design · 141,312 stars · scanned at commit bc858ff
Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)
Works with any agent that supports SKILL.md skills.
What this skill can do
Runs commands on your computer
This is disclosed by the author in the skill's SKILL.md or README.
Found in 18 places.
Show 15 more
- design-html/SKILL.md, line 91
~/.claude/skills/gstack/bin/gstack-skill-end --skill "design-html" --outcome OUTCOME \ - design-html/SKILL.md, line 127
_ROOT=$(git rev-parse --show-toplevel 2>/dev/null) - design-html/SKILL.md, line 174
bun --no-env-file --config=/dev/null run $HOME/.claude/skills/gstack/bin/gstack-design-detect.ts probe --host claude - design-html/SKILL.md, line 191
SLUG=$(~/.claude/skills/gstack/bin/gstack-slug --get SLUG 2>/dev/null) - design-html/SKILL.md, line 199
SLUG=$(~/.claude/skills/gstack/bin/gstack-slug --get SLUG 2>/dev/null) - design-html/SKILL.md, line 220
~/.claude/skills/gstack/bin/gstack-design-approved "<APPROVED path>" - design-html/SKILL.md, line 295
$D prompt --image <approved-variant.png> --output json - design-html/SKILL.md, line 344
[ -f package.json ] && cat package.json | grep -o '"react"\|"svelte"\|"vue"\|"@angular/core"\|"solid-js"\|"preact"' | head -1 || echo "NONE" - design-html/SKILL.md, line 371
_PRETEXT_VENDOR="" - design-html/SKILL.md, line 388
[ -f bun.lockb ] && echo "bun add @chenglou/pretext" || \ - design-html/SKILL.md, line 446
_OUTPUT_DIR=$(dirname <path-to-finalized.html>) - design-html/SKILL.md, line 460
open <path-to-finalized.html> - design-html/SKILL.md, line 468
kill <PID> 2>/dev/null || true - design-html/SKILL.md, line 480
_DJ=$(mktemp "${TMPDIR:-/tmp}/gstack-detect.XXXXXX"); bun --no-env-file --config=/dev/null run $HOME/.claude/skills/gstack/bin/gstack-design-detect.ts scan --fo - design-html/SKILL.md, line 496
bun --no-env-file --config=/dev/null run ~/.claude/skills/gstack/bin/gstack-render.ts <path-to-finalized.html> \
Downloads and installs other software
The author does not mention this.
Found in 2 places.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'design-html' ] || [ -L ~/.agents/skills/'design-html' ]; then echo 'A skill folder named design-html already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/garrytan/gstack' "$d" && git -C "$d" checkout --quiet 'bc858ffc659bcc61558f60d0e023a009817dd48f' -- 'design-html' && mkdir -p ~/.agents/skills && cp -R "$d"/'design-html' ~/.agents/skills/'design-html' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-html' ~/.claude/skills/'design-html' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for garrytan/gstack shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/garrytan/gstack/)
Score history
| Date | Version | Score |
|---|
| 2026-11-12 | bc858ff | 82 |
| 2026-11-11 | f0cd9f8 | 82 |
| 2026-11-10 | 6b32714 | 82 |
| 2026-11-09 | c25580e | 82 |
| 2026-11-08 | 9740bfd | 82 |
| 2026-11-08 | d479c5b | 82 |
| 2026-11-06 | 0c41ced | 52 |