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 |

儀表板 UI 模式，具有小部件組合、實時數據更新、響應式網格佈局和 React 應用程序的數據表。在構建儀表板、小部件或數據表時使用。 來源：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 中使用

查看原文