loading-states
✓ユーザーの信頼を維持する効果的な読み込み状態、スケルトン画面、および空の状態を設計します。コンテンツの読み込みに時間がかかる場合、進行状況を表示する場合、または空のデータ シナリオを処理する場合に使用します。 「読み込み状態」、「スケルトン画面」、「空の状態」、「スピナー」、「プログレスバー」、「アニメーションの読み込み」、「ゼロ状態」でトリガーされます。
SKILL.md
| < 100ms | No indicator needed | | 100ms - 1s | Subtle indicator (opacity change) | | 1s - 10s | Skeleton screen or spinner | | > 10s | Progress bar with estimate |
ユーザーの信頼を維持する効果的な読み込み状態、スケルトン画面、および空の状態を設計します。コンテンツの読み込みに時間がかかる場合、進行状況を表示する場合、または空のデータ シナリオを処理する場合に使用します。 「読み込み状態」、「スケルトン画面」、「空の状態」、「スピナー」、「プログレスバー」、「アニメーションの読み込み」、「ゼロ状態」でトリガーされます。 ソース: sanky369/vibe-building-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states- カテゴリ
- {}データ分析
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
loading-states とは？
ユーザーの信頼を維持する効果的な読み込み状態、スケルトン画面、および空の状態を設計します。コンテンツの読み込みに時間がかかる場合、進行状況を表示する場合、または空のデータ シナリオを処理する場合に使用します。 「読み込み状態」、「スケルトン画面」、「空の状態」、「スピナー」、「プログレスバー」、「アニメーションの読み込み」、「ゼロ状態」でトリガーされます。 ソース: sanky369/vibe-building-skills。
loading-states のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/sanky369/vibe-building-skills
詳細
- カテゴリ
- {}データ分析
- ソース
- skills.sh
- 初回登録
- 2026-02-01