skills/design-sprint/SKILL.md
Run a structured 5-phase design sprint — problem framing, sketching, deciding, prototyping, testing. Use at the START of a project or feature, not the end. Triggers on "run a design sprint", "ideation workshop", "validate this idea", "new product", or any greenfield project kickoff.
npx skillsauth add nhouseholder/nicks-claude-code-superpowers design-sprintInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
A compressed 5-phase design sprint adapted for AI-assisted development. Based on Google Ventures' Sprint methodology — problem framing through testing in one session instead of five days.
Gate: Problem statement, target user, and top 3 risks must be written down before continuing.
Generate 3 distinct approaches. Each must be meaningfully different — not variations of the same idea.
For each approach, define:
ui-ux-pro-max for style/palette/font recommendationsfrontend-design for anti-slop visual directionhooked-ux for retention considerationsGate: 3 distinct approaches documented. Each has a core interaction, key screen concept, and differentiation.
| Criteria | Approach A | Approach B | Approach C | |----------|-----------|-----------|-----------| | Solves the core problem? | | | | | Feasible in current stack? | | | | | User would understand in 5 seconds? | | | | | Addresses riskiest assumption? | | | | | Simplest to build? | | | |
Present the table to the user. Let them pick — or recommend with rationale.
Gate: One approach selected. User has approved it.
refactoring-ui audit. First impressions drive feedback.frontend-design — anti-slop visual directionimpeccable-design — slop detection checklistrefactoring-ui — visual audit before showing to anyonereact-best-practices — if building in React/Next.jsGate: Prototype runs. Core flow works. Looks real enough to get honest feedback.
Since you're testing with the user, not external users:
SPRINT RESULT
Idea: [one line]
Hypothesis tested: [the riskiest assumption]
Verdict: VALIDATED / NEEDS PIVOT / KILLED
Evidence: [what you learned]
Next step: [build it / pivot to X / abandon]
At the end of the sprint, deliver:
tools
Unified context management and session continuity skill. Combines total-recall, strategic-compact, /ledger, and session continuity. Runs in background to preserve critical context across compaction and sessions.
tools
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
tools
Suggest /ultraplan for complex planning tasks on Claude Code CLI (2.1.91+ only). Research preview.
tools
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.