Use this skill when users ask about design thinking basics, ideation techniques, or the Design Partner process. Trigger phrases: "what is design thinking", "how does this work", "what's the process", "how do I generate ideas", "what are best practices".
Guides users through design thinking phases from ideation to visual prototyping.
npx claudepluginhub danielraffel/generous-corp-marketplaceThis skill inherits all available tools. When active, it can use any tool Claude has access to.
For Claude: This skill provides foundational design thinking knowledge to help users understand the Design Partner workflow and methodology.
Design Partner follows a structured 5-phase approach:
Simply say "show me what this looks like" and Design Partner will:
Generate multiple ideas before selecting one. Diverge first, converge later.
No need to memorize commands. Say what you want:
Generate variations to explore options:
All choices are automatically logged in .claude/dp.local.md so you can:
.env file/dp:costCollaboration over Automation Design Partner is a thinking partner, not an automated solution generator. It helps you explore, not replace your judgment.
Diverge then Converge Generate many options before selecting one. Breadth before depth.
Visual over Abstract "Show, don't tell" - create concrete visuals to evaluate ideas.
Iteration over Perfection Rapid cycles of generation and feedback beat lengthy planning.
Cost-Conscious Creativity Budget controls enable exploration without anxiety.
| Command | Purpose |
|---|---|
/dp:start | Begin new design session |
/dp:visualize | Generate images |
/dp:providers | Manage API keys and providers |
/dp:cost | View spending and usage |
If stuck, try these phrases:
Design Partner will guide you through the process with clear questions and options.
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js projects that have `cacheComponents: true` in their next.config.ts/next.config.js. When this config is detected, proactively apply Cache Components patterns and best practices to all React Server Component implementations. **DETECTION**: At the start of a session in a Next.js project, check for `cacheComponents: true` in next.config. If enabled, this skill's patterns should guide all component authoring, data fetching, and caching decisions. **USE CASES**: Implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content boundaries, debugging cache issues, and reviewing Cache Component implementations.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.