Skip to main content

design-html

Generates production-quality HTML/CSS from approved designs, enabling seamless implementation of web layouts.

Install this skill

or
0/100

Security score

The design-html skill was audited on May 12, 2026 and we found 90 security issues across 5 threat categories. Review the findings below before installing.

Categories Tested

Security Issues

medium line 34

Template literal with variable interpolation in command context

SourceSKILL.md
34```bash
medium line 267

Template literal with variable interpolation in command context

SourceSKILL.md
267```bash
medium line 363

Template literal with variable interpolation in command context

SourceSKILL.md
363```bash
medium line 397

Template literal with variable interpolation in command context

SourceSKILL.md
397echo "before relying on \`gbrain search\` for code questions in this worktree."
medium line 525

Template literal with variable interpolation in command context

SourceSKILL.md
525```bash
medium line 1186

Template literal with variable interpolation in command context

SourceSKILL.md
1186el.style.height = `${height}px`
medium line 1276

Template literal with variable interpolation in command context

SourceSKILL.md
1276span.style.left = `${line.x}px`
medium line 1277

Template literal with variable interpolation in command context

SourceSKILL.md
1277span.style.top = `${line.y}px`
medium line 912

Curl to non-GitHub URL

SourceSKILL.md
912curl -fsSL "https://bun.sh/install" -o "$tmpfile"
low line 35

Access to hidden dotfiles in home directory

SourceSKILL.md
35_UPD=$(~/.claude/skills/gstack/bin/gstack-update-check 2>/dev/null || .claude/skills/gstack/bin/gstack-update-check 2>/dev/null || true)
low line 37

Access to hidden dotfiles in home directory

SourceSKILL.md
37mkdir -p ~/.gstack/sessions
low line 38

Access to hidden dotfiles in home directory

SourceSKILL.md
38touch ~/.gstack/sessions/"$PPID"
low line 39

Access to hidden dotfiles in home directory

SourceSKILL.md
39_SESSIONS=$(find ~/.gstack/sessions -mmin -120 -type f 2>/dev/null | wc -l | tr -d ' ')
low line 40

Access to hidden dotfiles in home directory

SourceSKILL.md
40find ~/.gstack/sessions -mmin +120 -type f -exec rm {} + 2>/dev/null || true
low line 41

Access to hidden dotfiles in home directory

SourceSKILL.md
41_PROACTIVE=$(~/.claude/skills/gstack/bin/gstack-config get proactive 2>/dev/null || echo "true")
low line 42

Access to hidden dotfiles in home directory

SourceSKILL.md
42_PROACTIVE_PROMPTED=$([ -f ~/.gstack/.proactive-prompted ] && echo "yes" || echo "no")
low line 45

Access to hidden dotfiles in home directory

SourceSKILL.md
45_SKILL_PREFIX=$(~/.claude/skills/gstack/bin/gstack-config get skill_prefix 2>/dev/null || echo "false")
low line 49

Access to hidden dotfiles in home directory

SourceSKILL.md
49source <(~/.claude/skills/gstack/bin/gstack-repo-mode 2>/dev/null) || true
low line 52

Access to hidden dotfiles in home directory

SourceSKILL.md
52_LAKE_SEEN=$([ -f ~/.gstack/.completeness-intro-seen ] && echo "yes" || echo "no")
low line 54

Access to hidden dotfiles in home directory

SourceSKILL.md
54_TEL=$(~/.claude/skills/gstack/bin/gstack-config get telemetry 2>/dev/null || true)
low line 55

Access to hidden dotfiles in home directory

SourceSKILL.md
55_TEL_PROMPTED=$([ -f ~/.gstack/.telemetry-prompted ] && echo "yes" || echo "no")
low line 60

Access to hidden dotfiles in home directory

SourceSKILL.md
60_EXPLAIN_LEVEL=$(~/.claude/skills/gstack/bin/gstack-config get explain_level 2>/dev/null || echo "default")
low line 63

Access to hidden dotfiles in home directory

SourceSKILL.md
63_QUESTION_TUNING=$(~/.claude/skills/gstack/bin/gstack-config get question_tuning 2>/dev/null || echo "false")
low line 65

Access to hidden dotfiles in home directory

SourceSKILL.md
65mkdir -p ~/.gstack/analytics
low line 67

Access to hidden dotfiles in home directory

SourceSKILL.md
67echo '{"skill":"design-html","ts":"'$(date -u +%Y-%m-%dT%H:%M:%SZ)'","repo":"'$(basename "$(git rev-parse --show-toplevel 2>/dev/null)" 2>/dev/null || echo "unknown")'"}' >> ~/.gstack/analytics/skill
low line 69

Access to hidden dotfiles in home directory

SourceSKILL.md
69for _PF in $(find ~/.gstack/analytics -maxdepth 1 -name '.pending-*' 2>/dev/null); do
low line 71

Access to hidden dotfiles in home directory

SourceSKILL.md
71if [ "$_TEL" != "off" ] && [ -x "~/.claude/skills/gstack/bin/gstack-telemetry-log" ]; then
low line 72

Access to hidden dotfiles in home directory

SourceSKILL.md
72~/.claude/skills/gstack/bin/gstack-telemetry-log --event-type skill_run --skill _pending_finalize --outcome unknown --session-id "$_SESSION_ID" 2>/dev/null || true
low line 78

Access to hidden dotfiles in home directory

SourceSKILL.md
78eval "$(~/.claude/skills/gstack/bin/gstack-slug 2>/dev/null)" 2>/dev/null || true
low line 84

Access to hidden dotfiles in home directory

SourceSKILL.md
84~/.claude/skills/gstack/bin/gstack-learnings-search --limit 3 2>/dev/null || true
low line 89

Access to hidden dotfiles in home directory

SourceSKILL.md
89~/.claude/skills/gstack/bin/gstack-timeline-log '{"skill":"design-html","event":"started","branch":"'"$_BRANCH"'","session":"'"$_SESSION_ID"'"}' 2>/dev/null &
low line 94

Access to hidden dotfiles in home directory

SourceSKILL.md
94_ROUTING_DECLINED=$(~/.claude/skills/gstack/bin/gstack-config get routing_declined 2>/dev/null || echo "false")
low line 105

Access to hidden dotfiles in home directory

SourceSKILL.md
105_CHECKPOINT_MODE=$(~/.claude/skills/gstack/bin/gstack-config get checkpoint_mode 2>/dev/null || echo "explicit")
low line 106

Access to hidden dotfiles in home directory

SourceSKILL.md
106_CHECKPOINT_PUSH=$(~/.claude/skills/gstack/bin/gstack-config get checkpoint_push 2>/dev/null || echo "false")
medium line 114

Access to hidden dotfiles in home directory

SourceSKILL.md
114In 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.
medium line 122

Access to hidden dotfiles in home directory

SourceSKILL.md
122If `SKILL_PREFIX` is `"true"`, suggest/invoke `/gstack-*` names. Disk paths stay `~/.claude/skills/gstack/[skill-name]/SKILL.md`.
medium line 124

Access to hidden dotfiles in home directory

SourceSKILL.md
124If output shows `UPGRADE_AVAILABLE <old> <new>`: read `~/.claude/skills/gstack/gstack-upgrade/SKILL.md` and follow the "Inline upgrade flow" (auto-upgrade if configured, otherwise AskUserQuestion with
medium line 129

Access to hidden dotfiles in home directory

SourceSKILL.md
129- Missing `~/.claude/skills/gstack/.feature-prompted-continuous-checkpoint`: AskUserQuestion for Continuous checkpoint auto-commits. If accepted, run `~/.claude/skills/gstack/bin/gstack-config set che
medium line 130

Access to hidden dotfiles in home directory

SourceSKILL.md
130- Missing `~/.claude/skills/gstack/.feature-prompted-model-overlay`: inform "Model overlays are active. MODEL_OVERLAY shows the patch." Always touch marker.
medium line 143

Access to hidden dotfiles in home directory

SourceSKILL.md
143If B: run `~/.claude/skills/gstack/bin/gstack-config set explain_level terse`.
low line 147

Access to hidden dotfiles in home directory

SourceSKILL.md
147rm -f ~/.gstack/.writing-style-prompt-pending
low line 148

Access to hidden dotfiles in home directory

SourceSKILL.md
148touch ~/.gstack/.writing-style-prompted
low line 157

Access to hidden dotfiles in home directory

SourceSKILL.md
157touch ~/.gstack/.completeness-intro-seen
medium line 170

Access to hidden dotfiles in home directory

SourceSKILL.md
170If A: run `~/.claude/skills/gstack/bin/gstack-config set telemetry community`
medium line 180

Access to hidden dotfiles in home directory

SourceSKILL.md
180If B→A: run `~/.claude/skills/gstack/bin/gstack-config set telemetry anonymous`
medium line 181

Access to hidden dotfiles in home directory

SourceSKILL.md
181If B→B: run `~/.claude/skills/gstack/bin/gstack-config set telemetry off`
low line 185

Access to hidden dotfiles in home directory

SourceSKILL.md
185touch ~/.gstack/.telemetry-prompted
medium line 198

Access to hidden dotfiles in home directory

SourceSKILL.md
198If A: run `~/.claude/skills/gstack/bin/gstack-config set proactive true`
medium line 199

Access to hidden dotfiles in home directory

SourceSKILL.md
199If B: run `~/.claude/skills/gstack/bin/gstack-config set proactive false`
low line 203

Access to hidden dotfiles in home directory

SourceSKILL.md
203touch ~/.gstack/.proactive-prompted
medium line 244

Access to hidden dotfiles in home directory

SourceSKILL.md
244If B: run `~/.claude/skills/gstack/bin/gstack-config set routing_declined true` and say they can re-enable with `gstack-config set routing_declined false`.
medium line 248

Access to hidden dotfiles in home directory

SourceSKILL.md
248If `VENDORED_GSTACK` is `yes`, warn once via AskUserQuestion unless `~/.gstack/.vendoring-warned-$SLUG` exists:
medium line 260

Access to hidden dotfiles in home directory

SourceSKILL.md
2603. Run `~/.claude/skills/gstack/bin/gstack-team-init required` (or `optional`)
medium line 262

Access to hidden dotfiles in home directory

SourceSKILL.md
2625. Tell the user: "Done. Each developer now runs: `cd ~/.claude/skills/gstack && ./setup --team`"
low line 268

Access to hidden dotfiles in home directory

SourceSKILL.md
268eval "$(~/.claude/skills/gstack/bin/gstack-slug 2>/dev/null)" 2>/dev/null || true
low line 269

Access to hidden dotfiles in home directory

SourceSKILL.md
269touch ~/.gstack/.vendoring-warned-${SLUG:-unknown}
low line 372

Access to hidden dotfiles in home directory

SourceSKILL.md
372_BRAIN_SYNC_BIN="~/.claude/skills/gstack/bin/gstack-brain-sync"
low line 373

Access to hidden dotfiles in home directory

SourceSKILL.md
373_BRAIN_CONFIG_BIN="~/.claude/skills/gstack/bin/gstack-config"
medium line 477

Access to hidden dotfiles in home directory

SourceSKILL.md
477If A/B and `~/.gstack/.git` is missing, ask whether to run `gstack-artifacts-init`. Do not block the skill.
low line 482

Access to hidden dotfiles in home directory

SourceSKILL.md
482"~/.claude/skills/gstack/bin/gstack-brain-sync" --discover-new 2>/dev/null || true
low line 483

Access to hidden dotfiles in home directory

SourceSKILL.md
483"~/.claude/skills/gstack/bin/gstack-brain-sync" --once 2>/dev/null || true
low line 526

Access to hidden dotfiles in home directory

SourceSKILL.md
526eval "$(~/.claude/skills/gstack/bin/gstack-slug 2>/dev/null)"
medium line 681

Access to hidden dotfiles in home directory

SourceSKILL.md
681Before each AskUserQuestion, choose `question_id` from `scripts/question-registry.ts` or `{skill}-{slug}`, then run `~/.claude/skills/gstack/bin/gstack-question-preference --check "<id>"`. `AUTO_DECID
low line 685

Access to hidden dotfiles in home directory

SourceSKILL.md
685~/.claude/skills/gstack/bin/gstack-question-log '{"skill":"design-html","question_id":"<id>","question_summary":"<short>","category":"<approval|clarification|routing|cherry-pick|feedback-loop>","door_
low line 694

Access to hidden dotfiles in home directory

SourceSKILL.md
694~/.claude/skills/gstack/bin/gstack-question-preference --write '{"question_id":"<id>","preference":"<pref>","source":"inline-user","free_text":"<optional original words>"}'
low line 714

Access to hidden dotfiles in home directory

SourceSKILL.md
714~/.claude/skills/gstack/bin/gstack-learnings-log '{"skill":"SKILL_NAME","type":"operational","key":"SHORT_KEY","insight":"DESCRIPTION","confidence":N,"source":"observed"}'
medium line 724

Access to hidden dotfiles in home directory

SourceSKILL.md
724`~/.gstack/analytics/`, matching preamble analytics writes.
low line 731

Access to hidden dotfiles in home directory

SourceSKILL.md
731rm -f ~/.gstack/analytics/.pending-"$_SESSION_ID" 2>/dev/null || true
low line 733

Access to hidden dotfiles in home directory

SourceSKILL.md
733~/.claude/skills/gstack/bin/gstack-timeline-log '{"skill":"SKILL_NAME","event":"completed","branch":"'$(git branch --show-current 2>/dev/null || echo unknown)'","outcome":"OUTCOME","duration_s":"'"$_T
low line 736

Access to hidden dotfiles in home directory

SourceSKILL.md
736echo '{"skill":"SKILL_NAME","duration_s":"'"$_TEL_DUR"'","outcome":"OUTCOME","browse":"USED_BROWSE","session":"'"$_SESSION_ID"'","ts":"'$(date -u +%Y-%m-%dT%H:%M:%SZ)'"}' >> ~/.gstack/analytics/skill-
low line 739

Access to hidden dotfiles in home directory

SourceSKILL.md
739if [ "$_TEL" != "off" ] && [ -x ~/.claude/skills/gstack/bin/gstack-telemetry-log ]; then
low line 740

Access to hidden dotfiles in home directory

SourceSKILL.md
740~/.claude/skills/gstack/bin/gstack-telemetry-log \
medium line 750

Access to hidden dotfiles in home directory

SourceSKILL.md
750In plan mode before ExitPlanMode: if the plan file lacks `## GSTACK REVIEW REPORT`, run `~/.claude/skills/gstack/bin/gstack-review-read` and append the standard runs/status/findings table. With `NO_RE
medium line 800

Access to hidden dotfiles in home directory

SourceSKILL.md
800MUST be saved to `~/.gstack/projects/$SLUG/designs/`, NEVER to `.context/`,
low line 930

Access to hidden dotfiles in home directory

SourceSKILL.md
930eval "$(~/.claude/skills/gstack/bin/gstack-slug 2>/dev/null)"
low line 937

Access to hidden dotfiles in home directory

SourceSKILL.md
937_CEO=$(ls -t ~/.gstack/projects/$SLUG/ceo-plans/*.md 2>/dev/null | head -1)
low line 943

Access to hidden dotfiles in home directory

SourceSKILL.md
943_APPROVED=$(ls -t ~/.gstack/projects/$SLUG/designs/*/approved.json 2>/dev/null | head -1)
low line 949

Access to hidden dotfiles in home directory

SourceSKILL.md
949_VARIANTS=$(ls -t ~/.gstack/projects/$SLUG/designs/*/variant-*.png 2>/dev/null | head -1)
low line 955

Access to hidden dotfiles in home directory

SourceSKILL.md
955_FINALIZED=$(ls -t ~/.gstack/projects/$SLUG/designs/*/finalized.html 2>/dev/null | head -1)
low line 1107

Access to hidden dotfiles in home directory

SourceSKILL.md
1107[ -z "$_PRETEXT_VENDOR" ] && [ -f ~/.claude/skills/gstack/design-html/vendor/pretext.js ] && _PRETEXT_VENDOR=~/.claude/skills/gstack/design-html/vendor/pretext.js
medium line 1130

Access to hidden dotfiles in home directory

SourceSKILL.md
1130`~/.gstack/projects/$SLUG/designs/<screen-name>-YYYYMMDD/finalized.html`
medium line 1133

Access to hidden dotfiles in home directory

SourceSKILL.md
1133`~/.gstack/projects/$SLUG/designs/<screen-name>-YYYYMMDD/finalized.[tsx|svelte|vue]`
low line 334

Unicode escape sequences

SourceSKILL.md
334writes `\u3103` thinking it is 管 U+7BA1, but `\u3103` is
low line 153

External URL reference

SourceSKILL.md
153If `LAKE_INTRO` is `no`: say "gstack follows the **Boil the Lake** principle — do the complete thing when AI makes marginal cost near-zero. Read more: https://garryslist.org/posts/boil-the-ocean" Offe
low line 156

External URL reference

SourceSKILL.md
156open https://garryslist.org/posts/boil-the-ocean
low line 912

External URL reference

SourceSKILL.md
912curl -fsSL "https://bun.sh/install" -o "$tmpfile"
low line 1114

External URL reference

SourceSKILL.md
1114`<script type="module">import { prepare, layout, prepareWithSegments, walkLineRanges, layoutNextLine, layoutWithLines } from 'https://esm.sh/@chenglou/pretext'</script>`
low line 1328

External URL reference

SourceSKILL.md
1328echo "SERVER: http://localhost:$_PORT/finalized.html"
low line 1337

External URL reference

SourceSKILL.md
1337Tell the user: "Live preview running at http://localhost:$_PORT/finalized.html.
low line 1374

External URL reference

SourceSKILL.md
13741. If server is running, tell user to open http://localhost:PORT/finalized.html
Scanned on May 12, 2026
View Security Dashboard
Installation guide →
GitHub Stars 92.6K
Rate this skill
Categorydevelopment
UpdatedMay 13, 2026
claudeclaude-codecursorcodexclinefrontenddesignreactdocxgitapidatabasetestingdevopsmobilebackendfrontend-developerux-designerproduct-designerdevelopmentdesign
garrytan/gstack