design-planner
82 / 100 · Low risk
Fine to try.
Establishes visual design language and screen contracts between project scope docs and phase-planner. Produces docs/design/DESIGN.md (Google design.md spec), screen specs, HTML mockups (screens/*.html + index hub), and design-system.md for phase-builder. Use when the user wants to design UI before phase planning, lock a design system, write screen specs, review HTML mockups, or run the design pass after a scope/rebuild plan. Trigger phrases: design pass, design-planner, design the UI, design sy…
What this skill can do
Downloads and installs other software
Runs commands on your computer
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'design-planner' ] || [ -L ~/.agents/skills/'design-planner' ]; then echo 'A skill folder named design-planner already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/AyeJK/phase-runner' "$d" && git -C "$d" checkout --quiet '0bc80922cd14b760d468b025fe3240eeab68fd57' -- 'plugin/skills/design-planner' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugin/skills/design-planner' ~/.agents/skills/'design-planner' && 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-planner' ~/.claude/skills/'design-planner' (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
[](https://zalavijaysinh.github.io/skilltrust/repos/AyeJK/phase-runner/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-07 | 0bc8092 | 82 |