デザイン思考のプロセス方法論(共感・問題定義・発想・プロトタイプ・テスト)の実践ガイド。 Use when planning user research, running design sprints, facilitating ideation workshops, or applying human-centered design methodology to product development. UI/UXの視覚的デザインには applying-design-guidelines を、行動変容デザインには applying-behavior-design を使用。
npx claudepluginhub sumik5/sumik-claude-pluginThis skill inherits all available tools. When active, it can use any tool Claude has access to.
INSTRUCTIONS.md詳細な手順・ガイドラインは INSTRUCTIONS.md を参照してください。
デザイン思考(Design Thinking)は、d.school(スタンフォード大学)とIDEO が源流の、ユーザー体験を中心に置いた問題解決・価値創造の方法論。本スキルは東京工業大学 EDP(エンジニアリングデザインプロジェクト)の実践知識を基に構成。
共感 → 問題定義 → 発想 → プロトタイプ → テスト
(Empathize) (Define) (Ideate) (Prototype) (Test)
各ステップは線形ではなく、フィードバックによって何度も行き来する反復プロセス。
| ツール | フェーズ | 目的 |
|---|---|---|
| インタビュー | 共感 | ユーザーの言葉・行動・感情を収集 |
| エクストリームユーザー法 | 共感 | 極端なユーザーからインスピレーションを得る |
| 共感マップ | 共感 | Say/Do/Think/Feel で整理 |
| カスタマージャーニーマップ | 共感/問題定義 | 時系列でユーザー体験を可視化 |
| タテマエメソッド | 問題定義 | POV(視点)を TCS で鋭くする |
| HMW(How Might We) | 発想 | 課題を「どうすれば?」に変換してアイデアを引き出す |
| ブレインライティング | 発想 | 個人→ペア→グループの順でアイデアを量産 |
| 雑に作る(雑っぴんぐ) | プロトタイプ | クイック&ダーティで検証サイクルを高速化 |
| KPT | チーム | Keep/Problem/Try でふりかえり |
applying-design-guidelines を使用)applying-behavior-design を使用)| スキル | 使用場面 |
|---|---|
practicing-design-thinking(本スキル) | プロセス方法論・ユーザーリサーチ・アイデア発想 |
applying-design-guidelines | UI/UX ビジュアルデザイン原則の適用 |
applying-behavior-design | CREATE Action Funnel による行動変容設計 |
designing-training | 研修・ワークショップの設計・ファシリテーション |
詳細は INSTRUCTIONS.md を参照。
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.