kb-dataviz
OfficialBuild clear, accessible dashboards fast.
Design & Creative#data visualization#accessibility#recharts#tanstack table#dashboard design#kpi cards
AuthorTimeKast
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents cluttered, confusing dashboard charts by standardizing layout, chart choice, decluttering, visual hierarchy, and accessibility for data-heavy Next.js apps.
Core Features & Use Cases
- Dashboard architecture & audience pyramid: Choose strategic, tactical, or operational structures to match what executives, managers, or analysts need at that moment.
- Chart selection matrix & storytelling: Select the right visualization for the data relationship and present insights in a narrative arc (context → conflict → resolution).
- KPI cards, tooltips, and accessibility rules: Apply Knaflic decluttering, preattentive visual cues, color-blind safe palettes, and WCAG AA-focused patterns so charts communicate reliably.
Quick Start
Use the kb-dataviz skill to generate a dashboard screen plan and chart/KPI component specifications for your Next.js page and dataset.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: kb-dataviz Download link: https://github.com/TimeKast/AgendaInteligente/archive/main.zip#kb-dataviz Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.