interaction-design

Name: interaction-design
Author: podo

github.com/podoデザイン・UI29228 回インストール4 日前に更新

interaction-design について

interaction-designは、エージェント向けのインタラクションデザインスキルです。フロー、コンポーネントの状態、マイクロインタラクション、レビューを扱い、仕様作成や設計判断の評価に役立ちます。

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/podo/design-agent-skills --skill interaction-design

インストール後、Claude Code で/interaction-designを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

カタログの概要 — スキルの完全版：rastian/interaction-design-skills

完全版のスキルはすでにインストールされていますか？
- グローバル：f=~/.agents/skills/interaction-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
- プロジェクト：f=.agents/skills/interaction-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
- installed → スキルは interaction-design としてインストールされています。呼び出して続行してください
- pointer → ステップ2へ進んでください
スコープを検出してから、インストールします：
```
[ -e ~/.agents/skills/interaction-design ] && echo "global" || echo "project"
```
グローバル：
```
npx skills add rastian/interaction-design-skills --skill interaction-design -g -y
```
プロジェクト：
```
npx skills add rastian/interaction-design-skills --skill interaction-design -y
```
Claude Code： 会話を離れずにコマンドを実行するには、! で始まるコマンドをチャットメッセージとして送信してください。

ご注意

スキル名：interaction-design
トリガーフレーズ：「interaction design」、「interaction flow」、「component states」、「micro-interaction」、「affordance」、「interaction spec」

インタラクションデザインの実践ガイドです。基本原則から、実用的な状態設計、フローの仕様策定、インタラクションのレビューまでを扱います。

インストールには reference/ フォルダーが含まれています。このスキルが参照する原則、応答時間、パターンとフローに関するメモが格納されています。

Markdown 対応