wondelai-skills について
wondelai-skillsは、さまざまなデザイン手法をワークフローに取り入れるスキル群です。ビジュアルの改善、プロダクト思考、Lean UX、デザインスプリントなどを扱います。
主な機能
- 01ビジュアル改善のヒューリスティック
- 02デザイン原則とフィードバックの枠組み
- 03プロダクトデザイン手法
- 04Jobs To Be DoneとHook Model
- 05Lean UXとデザインスプリントの手法
活用シーン
- 01インターフェースの見た目の改善
- 02プロダクトデザインの意思決定整理
- 03仮説主導のUX作業の計画
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/wondelai-skillsを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
wondelai-skills
カタログの概要 — パッケージ全体はこちら：wondelai/skills
判断フロー
-
スキルはすでにインストールされていますか？
~/.design-agent-skills/skills/にある wondelai のスキルディレクトリ（例：refactoring-ui、lean-ux）を確認します。- はい → 該当するスキルを呼び出して続行します
- いいえ → ステップ 2 に進みます
-
シェルにアクセスできますか？ はい → 以下からインストールします。いいえ → ユーザーにコマンドを提示します（Claude Code の場合：チャットメッセージとして
!を付けて送信します。グローバルにインストールするには-gを追加し、プロジェクトのみにインストールする場合は省略します）。
インストールコマンド
npx skills add wondelai/skills
これにより、スイート全体がインストールされます。このパッケージに含まれる個別のスキルには、
refactoring-ui、design-everyday-things、microinteractions、lean-ux、design-sprintがあります。インストール後にls ~/.design-agent-skills/skills/を確認してください。
インストール後の呼び出し
- スキル名：
refactoring-ui、design-everyday-things、microinteractions、lean-ux、design-sprint - トリガー：「Refactoring UI skill」、「Design of Everyday Things」、「microinteractions skill」、「Lean UX skill」、「Design Sprint skill」
概要
基礎となる書籍から厳選した、デザイン手法のスキルスイートです。Refactoring UI（ビジュアルの仕上げに関するヒューリスティクス）、The Design of Everyday Things（アフォーダンス、フィードバック、メンタルモデル）、Marty Cagan の Inspired（プロダクトデザイン思考）、Jobs To Be Done、Hook Model（習慣化を促すプロダクトデザイン）、Design Sprint（5 日間のデザインプロセス）、Lean UX（仮説主導のデザイン）のフレームワークをワークフローに取り入れます。
使用しない場合
- コードの実装 — これらはデザイン思考と手法のスキルであり、コード生成スキルではありません
- コンポーネントレベルのビジュアルデザイン —
color-expert、design-tokens-skill、またはui-craftを使用します - Figma での作業 —
work-with-design-systemsまたはclaude2figmaを使用します