← ClaudeAtlas

ccc-designlisted

click-first picker over 39 design skills. Landing pages, component systems, polish suite, Figma→code. Use when the user types /ccc-design, asks to 'design a landing…
KevinZai/commander · ★ 3 · Web & Frontend · score 82
Install: claude install-skill KevinZai/commander
# /ccc-design — Design domain hub Click-first picker over the design domain (39 sub-skills). User picks an intent in one click — we route to the right sub-skill or agent. No text menus, no numbered lists. ## Response shape (EVERY time) ### 1. Brand header (one line) ``` **CC Commander · Design** · 39 skills · [frontend-design](https://commanderplugin.com/design) ``` ### 2. Context strip (one line) Run these in ONE parallel Bash call, cheap + silent on failure: - `test -f package.json && jq -r '.dependencies | keys[]' package.json 2>/dev/null | grep -E '^(next|react|vue|svelte|astro|@tailwindcss|tailwindcss)$'` — detect framework - `ls src/components 2>/dev/null | wc -l` — component count - `test -f tailwind.config.* && echo tw` — tailwind presence - `git rev-parse --abbrev-ref HEAD 2>/dev/null` — branch Render a one-liner: > 🎨 Stack: `<Next.js | React | HTML | Vue | unknown>` · <N> components · <Tailwind | plain CSS> · branch `<name>` If no project detected: "🎨 No project yet — I'll scaffold one after you pick a direction." ### 3. The picker — `AskUserQuestion` with 4 options Read `${CLAUDE_PLUGIN_ROOT}/menus/ccc-design.json` once. Use its `choices` array to drive the question. **Max 4 options** — take the 4 non-back choices (landing / components / polish / figma). Back-to-main is not an AUQ option; users invoke `/ccc` directly. ``` question: "What design work?" header: "CC Commander · Design" multiSelect: false options: - label: "🚀 Landing page" descripti