·interaction-design
</>

interaction-design

ユーザー フローの設計、マイクロ インタラクション、およびすべてのインタラクション条件の状態管理を備えたインターフェイスの動作パターン。自然なインタラクション、フィードバック システムを設計する場合、またはエラー状態を処理する場合に使用します。

15インストール·0トレンド·@nickcrew

インストール

$npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill interaction-design

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

コマンドラインで interaction-design AI スキルを開発環境にすばやくインストール

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

ソース: nickcrew/claude-ctx-plugin。

Design natural interactions with clear feedback that gracefully handle all states. Covers user flows, micro-interactions, state transitions, and interface behavior patterns for web and mobile applications.

| State patterns and micro-interactions | skills/interaction-design/references/state-patterns.md |

user flows, interaction patterns, micro-interactions, state transitions, feedback loops, error states, empty states, loading states, progressive disclosure, gesture design, affordances, haptic feedback, animation timing, skeleton screens

ユーザー フローの設計、マイクロ インタラクション、およびすべてのインタラクション条件の状態管理を備えたインターフェイスの動作パターン。自然なインタラクション、フィードバック システムを設計する場合、またはエラー状態を処理する場合に使用します。 ソース: nickcrew/claude-ctx-plugin。

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill interaction-design
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-26
更新日
2026-03-10

Browse more skills from nickcrew/claude-ctx-plugin

クイックアンサー

interaction-design とは?

ユーザー フローの設計、マイクロ インタラクション、およびすべてのインタラクション条件の状態管理を備えたインターフェイスの動作パターン。自然なインタラクション、フィードバック システムを設計する場合、またはエラー状態を処理する場合に使用します。 ソース: nickcrew/claude-ctx-plugin。

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

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

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

https://github.com/nickcrew/claude-ctx-plugin