From design-suite
Experimental. Generates three distinct /design-up (regular register) page mockups for a prompt or reference, then builds an interactive studio.html where you visually compare all three, click components or regions to annotate, leave notes (or capture the current view), and export that feedback back to the agent to iterate. Use when the user invokes /design-up-studio, or wants to explore and compare multiple design directions with an interactive review-and-iterate loop.
How this skill is triggered — by the user, by Claude, or both
Slash command
/design-suite:design-up-studioThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generate three distinct directions, review them in an interactive studio, and iterate from the user's selections and notes. This wraps the `design-up` skill with a compare-and-annotate loop. **Experimental.**
Generate three distinct directions, review them in an interactive studio, and iterate from the user's selections and notes. This wraps the design-up skill with a compare-and-annotate loop. Experimental.
../design-up/SKILL.md (load the library). Name the archetype (archetypes.md), brand, audience, and business model (free tool vs SaaS, B2C vs B2B). Pick the three best-fit, genuinely distinct directions for this prompt or reference, not minor variants.../design-up/references/ (anti-slop, grid-and-layout, typography, color, motion-and-feel, interactions, components, surfaces-and-depth). Save them in the working directory as <slug>-a.html, <slug>-b.html, <slug>-c.html. Run the anti-slop.md pre-flight (including the Consistency, layout & build bugs table) on each.node "${CLAUDE_SKILL_DIR}/scripts/gen-studio.mjs" \
--files <slug>-a.html,<slug>-b.html,<slug>-c.html \
--out <slug>-studio.html \
--title "<slug>" \
--labels "Direction A,Direction B,Direction C"
then open <slug>-studio.html.studio-feedback.json.studio-feedback.json" (read it from the working dir). Apply each note to its targeted version/component, rebuild those mockups, regenerate the studio, and re-open. Repeat until they promote a winner.iframe src, so keep all files in the same folder.studio-feedback.json), not a live socket.../design-up/SKILL.md and its references/ — the design system and all rules.../design-up/references/interactions.md — advanced/experimental interactions to consider per direction.npx claudepluginhub mtcafe/design-suite --plugin design-suiteCreates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.