dashboard-patterns

SKILL.md

Dashboard UI patterns for building admin panels, analytics dashboards, and data-driven interfaces with React.

| Layout | CSS Grid for 2D dashboard layouts | | Real-time | SSE for server->client, WebSocket for bidirectional | | Data table | TanStack Table for features | | State | TanStack Query with granular keys | | Loading | Skeleton for content areas |

ウィジェット構成、リアルタイムのデータ更新、応答性の高いグリッド レイアウト、および React アプリケーションのデータ テーブルを備えたダッシュボード UI パターン。ダッシュボード、ウィジェット、またはデータ テーブルを構築するときに使用します。 ソース: yonatangross/skillforge-claude-plugin。

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

原文を見る