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에서 사용할 수 있습니다

원본 보기