react-ui-patterns

SKILL.md

Show loading indicator ONLY when there's no data to display.

| Known content shape | Unknown content shape | | List/card layouts | Modal actions | | Initial page load | Button submissions | | Content placeholders | Inline operations |

状態の読み込み、エラー処理、データのフェッチのための最新の React UI パターン。 UI コンポーネントを構築するとき、非同期データを処理するとき、または UI 状態を管理するときに使用します。 ソース: automindtechnologie-jpg/ultimate-skill.md。

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

原文を見る