·ai-loading-ux
*

ai-loading-ux

shipshitdev/library

AI の読み込み、思考、進捗状況インジケーターの UX を設計します。 AI 待機状態の改善、思考指標の追加、または AI インターフェイスの読み込み UX の設計を明示的に要求された場合に使用します。推論表示 (思考の連鎖)、進行ステップ、ストリーミング状態、および知覚される待ち時間を短縮するための「エレベーター ミラー効果」について説明します。

36インストール·0トレンド·@shipshitdev

インストール

$npx skills add https://github.com/shipshitdev/library --skill ai-loading-ux

SKILL.md

Design patterns for showing users what's happening while waiting for AI output.

| User is waiting for... | Pattern Category | Key Goal |

| AI reasoning/thinking | Reasoning Display | Build trust through transparency | | Multi-step task completion | Progress Steps | Show advancement toward goal | | Content generation/streaming | Streaming States | Reduce perceived wait time | | Background processing | Status Indicators | Confirm work is happening |

AI の読み込み、思考、進捗状況インジケーターの UX を設計します。 AI 待機状態の改善、思考指標の追加、または AI インターフェイスの読み込み UX の設計を明示的に要求された場合に使用します。推論表示 (思考の連鎖)、進行ステップ、ストリーミング状態、および知覚される待ち時間を短縮するための「エレベーター ミラー効果」について説明します。 ソース: shipshitdev/library。

原文を見る

引用可能な情報

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

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

クイックアンサー

ai-loading-ux とは?

AI の読み込み、思考、進捗状況インジケーターの UX を設計します。 AI 待機状態の改善、思考指標の追加、または AI インターフェイスの読み込み UX の設計を明示的に要求された場合に使用します。推論表示 (思考の連鎖)、進行ステップ、ストリーミング状態、および知覚される待ち時間を短縮するための「エレベーター ミラー効果」について説明します。 ソース: shipshitdev/library。

ai-loading-ux のインストール方法は?

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

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

https://github.com/shipshitdev/library