design-html

74 / 100 · Review before installing

Check before installing.

By ariadoss/superskills (GitHub) · design · 12 stars · scanned at commit c7ec8d7

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. It runs automatically when the plugin is installed.

Found in 23 places.

vendor/gstack/design-html/SKILL.md, line 39_SS="$HOME/.claude/skills/gstack/bin/gstack-skill-start"
vendor/gstack/design-html/SKILL.md, line 244eval "$(~/.claude/skills/gstack/bin/gstack-slug 2>/dev/null)"
vendor/gstack/design-html/SKILL.md, line 317~/.claude/skills/gstack/bin/gstack-question-log '{"skill":"design-html","question_id":"<id>","question_summary":"<short>","category":"<approval|clarification|ro

Show 17 more

vendor/gstack/design-html/SKILL.md, line 326~/.claude/skills/gstack/bin/gstack-question-preference --write '{"question_id":"<id>","preference":"<pref>","source":"inline-user","free_text":"<optional origin
vendor/gstack/design-html/SKILL.md, line 352~/.claude/skills/gstack/bin/gstack-learnings-log '{"skill":"SKILL_NAME","type":"operational","key":"SHORT_KEY","insight":"DESCRIPTION","confidence":N,"source":"
vendor/gstack/design-html/SKILL.md, line 368~/.claude/skills/gstack/bin/gstack-skill-end --skill "design-html" --outcome OUTCOME \
vendor/gstack/design-html/SKILL.md, line 407_ROOT=$(git rev-parse --show-toplevel 2>/dev/null)
vendor/gstack/design-html/SKILL.md, line 442bun --no-env-file run $HOME/.claude/skills/gstack/bin/gstack-design-detect.ts probe --host claude
vendor/gstack/design-html/SKILL.md, line 459eval "$(~/.claude/skills/gstack/bin/gstack-slug 2>/dev/null)"
vendor/gstack/design-html/SKILL.md, line 467eval "$(~/.claude/skills/gstack/bin/gstack-slug 2>/dev/null)"
vendor/gstack/design-html/SKILL.md, line 550$D prompt --image <approved-variant.png> --output json
vendor/gstack/design-html/SKILL.md, line 599[ -f package.json ] && cat package.json | grep -o '"react"\|"svelte"\|"vue"\|"@angular/core"\|"solid-js"\|"preact"' | head -1 || echo "NONE"
vendor/gstack/design-html/SKILL.md, line 626_PRETEXT_VENDOR=""
vendor/gstack/design-html/SKILL.md, line 642[ -f bun.lockb ] && echo "bun add @chenglou/pretext" || \
vendor/gstack/design-html/SKILL.md, line 699_OUTPUT_DIR=$(dirname <path-to-finalized.html>)
vendor/gstack/design-html/SKILL.md, line 710open <path-to-finalized.html>
vendor/gstack/design-html/SKILL.md, line 718kill $_SERVER_PID 2>/dev/null || true
vendor/gstack/design-html/SKILL.md, line 730_DJ=$(mktemp); bun --no-env-file run $HOME/.claude/skills/gstack/bin/gstack-design-detect.ts scan --format gstack --host claude <finalized.html> > "$_DJ"; echo
vendor/gstack/design-html/SKILL.md, line 744bun run ~/.claude/skills/gstack/bin/gstack-render.ts <path-to-finalized.html> \
hooks/hooks.json, line 8"command": "\"${CLAUDE_PLUGIN_ROOT}/scripts/qa-full-ledger-hook.sh\""

and 3 more places

Downloads and installs other software

The author does not mention this.

Found in 6 places.

vendor/gstack/design-html/SKILL.md, line 439**Design detector (optional, deterministic):** gstack runs impeccable's engine when one is installed under the user's home directory. gstack never runs impeccab
vendor/gstack/design-html/sections/detector-install-offer.md, line 40On **B**, continue without scans. On **C**, run `~/.claude/skills/gstack/bin/gstack-config set design_detector_install_prompted true`. On **D**, run `~/.claude/
setup, line 248log " [install] bun via curl -fsSL $BUN_INSTALL_URL | bash (third-party installer)"

Show 3 more

setup, line 249curl -fsSL "$BUN_INSTALL_URL" | bash >/dev/null 2>&1 || {
setup, line 251log " Install manually: curl -fsSL $BUN_INSTALL_URL | bash"
setup, line 284log " Install: brew install ffuf"

Connects to the internet

This is disclosed by the author in the skill's SKILL.md or README.

Found in 3 places.

setup, line 248log " [install] bun via curl -fsSL $BUN_INSTALL_URL | bash (third-party installer)"
setup, line 249curl -fsSL "$BUN_INSTALL_URL" | bash >/dev/null 2>&1 || {
setup, line 251log " Install manually: curl -fsSL $BUN_INSTALL_URL | bash"

Changes files outside its own folder

This is disclosed by the author in the skill's SKILL.md or README. It runs automatically when the plugin is installed.

Found in 2 places.

.codex-plugin/plugin.json, line 4"description": "Curated AI coding skills with a Google/Meta-quality workflow (TDD, DRY, SOLID). The Codex plugin install exposes the whole skills/ tree; pack se
.codex-plugin/plugin.json, line 24"longDescription": "Curated engineering skills with a Google/Meta-quality workflow: test-driven development, systematic debugging, code review and clean-code pa

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

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/ariadoss/superskills' "$d" && git -C "$d" checkout --quiet 'c7ec8d78e5dc37484c2cfe90ab04de163d97dd41' -- 'vendor/gstack/design-html' && mkdir -p ~/.agents/skills && cp -R "$d"/'vendor/gstack/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 ariadoss/superskills shows the score of its lowest-scoring skill.

SkillTrust badge for ariadoss/superskills

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/ariadoss/superskills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/ariadoss/superskills/)

Score history

Date	Version	Score
2026-11-08	`c7ec8d7`	74
2026-11-06	`c7ec8d7`	74