·ux-feedback-patterns
*

ux-feedback-patterns

matthewharwood/fantasy-phonics

成功/エラー メッセージ、読み込み状態、確認、進行状況インジケーターなどのユーザー フィードバック パターン。通知、トースト、ステータス更新を実装するときに使用します。 (プロジェクト)

3インストール·0トレンド·@matthewharwood

インストール

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-feedback-patterns

SKILL.md

User feedback mechanisms for communicating state changes, success, errors, and progress. This skill covers visual, auditory, and haptic feedback patterns.

| Micro-animation | 100-200ms | Button press, toggle | | State transition | 200-300ms | Page change, modal | | Toast display | 3-5 seconds | Success message | | Error display | Until dismissed | Validation error | | Loading indicator | Immediate | Any async operation |

成功/エラー メッセージ、読み込み状態、確認、進行状況インジケーターなどのユーザー フィードバック パターン。通知、トースト、ステータス更新を実装するときに使用します。 (プロジェクト) ソース: matthewharwood/fantasy-phonics。

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

原文を見る

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-feedback-patterns
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

ux-feedback-patterns とは?

成功/エラー メッセージ、読み込み状態、確認、進行状況インジケーターなどのユーザー フィードバック パターン。通知、トースト、ステータス更新を実装するときに使用します。 (プロジェクト) ソース: matthewharwood/fantasy-phonics。

ux-feedback-patterns のインストール方法は?

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

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

https://github.com/matthewharwood/fantasy-phonics