·interaction-design
*

interaction-design

teslasoft-de/claude-skills-marketplace

ユーザーのインタラクション、フロー、インターフェイスの動作を設計します。ワイヤーフレーム、プロトタイプ、マイクロインタラクション、ユーザー フロー、ステート マシン、アフォーダンス デザイン、ユーザビリティ レビューに使用します。 IxD 原則、ニールセンヒューリスティック、フィッツの法則、ヒックスの法則、および新たなパラダイム (空間、会話、ジェスチャーベースのインターフェイス) をカバーします。キーワード: IxD、ワイヤーフレーム、プロトタイプ、ユーザー フロー、マイクロ インタラクション、UI 状態図、画面フロー、クリック可能なプロトタイプ、インタラクション パターン。

3インストール·0トレンド·@teslasoft-de

インストール

$npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design

SKILL.md

Design interactive digital products with a focus on how users engage with interfaces. IxD bridges user needs and system capabilities through controls, feedback, and information flows.

| Flow misses edge cases | Add error states, review with scenarios | | Wireframes unclear | Add annotations, increase fidelity | | States incomplete | Use state machine diagram, list all transitions | | Users confused in testing | Simplify, improve affordances and signifiers | | Accessibility gaps | Apply WCAG 2.2 checklist, test with screen reader |

| Nielsen heuristics, Fitts's Law, Hick's Law | Principles | | Wireframes, prototypes, user flows, micro-interactions | Artifacts | | Spatial, conversational, gesture paradigms | Emerging | | Flow diagrams, state machines, worked examples | Examples |

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-05
更新日
2026-02-18

クイックアンサー

interaction-design とは?

ユーザーのインタラクション、フロー、インターフェイスの動作を設計します。ワイヤーフレーム、プロトタイプ、マイクロインタラクション、ユーザー フロー、ステート マシン、アフォーダンス デザイン、ユーザビリティ レビューに使用します。 IxD 原則、ニールセンヒューリスティック、フィッツの法則、ヒックスの法則、および新たなパラダイム (空間、会話、ジェスチャーベースのインターフェイス) をカバーします。キーワード: IxD、ワイヤーフレーム、プロトタイプ、ユーザー フロー、マイクロ インタラクション、UI 状態図、画面フロー、クリック可能なプロトタイプ、インタラクション パターン。 ソース: teslasoft-de/claude-skills-marketplace。

interaction-design のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/teslasoft-de/claude-skills-marketplace

詳細

カテゴリ
*クリエイティブ
ソース
skills.sh
初回登録
2026-02-05

関連 Skills

なし