Crea dashboard e interfacce di analisi complete che combinano visualizzazione dei dati, schede KPI, aggiornamenti in tempo reale e layout interattivi. Utilizza questa competenza durante la creazione di dashboard di business intelligence, sistemi di monitoraggio, report esecutivi o qualsiasi interfaccia che richieda più visualizzazioni di dati coordinate con filtri, metriche e visualizzazioni che lavorano insieme.
Installa rapidamente la skill AI creating-dashboards nel tuo ambiente di sviluppo tramite riga di comando
Fonte: ancoleman/ai-design-components.
This skill enables the creation of sophisticated dashboard interfaces that aggregate and present data through coordinated widgets including KPI cards, charts, tables, and filters. Dashboards serve as centralized command centers for data-driven decision making, combining multiple component types from other skills (data-viz, tables, design-tokens) into unified analytics experiences with real-time updates, responsive...
Fixed Layout: Designer-defined placement, consistent across users Customizable Grid: User drag-and-drop, resizable widgets, saved layouts Template-Based: Pre-built patterns, industry-specific starting points
For Quick Analytics Dashboard → Use Tremor Pre-built KPI cards, charts, and tables with minimal code:
Crea dashboard e interfacce di analisi complete che combinano visualizzazione dei dati, schede KPI, aggiornamenti in tempo reale e layout interattivi. Utilizza questa competenza durante la creazione di dashboard di business intelligence, sistemi di monitoraggio, report esecutivi o qualsiasi interfaccia che richieda più visualizzazioni di dati coordinate con filtri, metriche e visualizzazioni che lavorano insieme. Fonte: ancoleman/ai-design-components.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ancoleman/ai-design-components --skill creating-dashboardsCrea dashboard e interfacce di analisi complete che combinano visualizzazione dei dati, schede KPI, aggiornamenti in tempo reale e layout interattivi. Utilizza questa competenza durante la creazione di dashboard di business intelligence, sistemi di monitoraggio, report esecutivi o qualsiasi interfaccia che richieda più visualizzazioni di dati coordinate con filtri, metriche e visualizzazioni che lavorano insieme. Fonte: ancoleman/ai-design-components.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/ancoleman/ai-design-components --skill creating-dashboards Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/ancoleman/ai-design-components