data-visualization-skills

End-to-end project execution wrapper for Data Visualization Kit. Use when the user types `$dv-cook` or wants to continue a project after `$dv-plan` with the context, dataset, and goals already locked.

Build and refresh visualization layers for Data Visualization Kit projects. Use when the task is dashboard construction, chart refresh, visualization-path selection, dashboard QA, or project-scoped visualization delivery that must follow the kit visualization workflow and resolve to one selected tool path.

Start a new Data Visualization Kit project with structured intake and planning. Use when the user types `$dv-plan`, starts a new project, has a dataset but unclear scope, needs framework mapping, or needs one canonical project plan file before any downstream `$dv-*` workflow runs.

Publish wrapper for Data Visualization Kit. Use when the user types `$dv-publish` or needs to make a project git-ready, deployment-ready, and aligned with the kit's publish rules.

Use when working with Power BI Project files, PBIP structure, PBIR report JSON, TMDL semantic model files, definition.pbir bindings, report folders, model folders, or validation after Power BI file edits.

Use when a Data Visualization Kit project chooses Power BI as the visualization path, or when the user asks to build, review, publish, or operate Power BI reports, dashboards, semantic models, PBIP/PBIR assets, DAX, Power BI Desktop, or Microsoft Fabric-backed report workflows.

Maintain and evolve existing Apache Superset analytics stacks (v6.x). Use for SQL Lab, datasets, charts, dashboards, RBAC, RLS, embedding via guest token API, REST API integration, Celery async, caching, Docker/Helm deployment, and migration planning toward Metabase or Grafana. Prefer only for legacy projects that already selected Superset. Requires 4GB+ RAM.

Build and operate Metabase for interactive BI dashboards, SQL exploration, models, metrics, questions, filters, permissions, embedding (static, guest, modular web components, React SDK), serialization/representation format, database metadata, and open-source self-hosted delivery. Use when the selected path is Metabase or when DV needs its default general BI stack.

Build and deploy Evidence.dev data apps for static portfolio dashboards. Use when the selected visualization path is Evidence and the dataset is CSV, Excel, Parquet, or DuckDB. Deploys to Netlify/Vercel with no server required.

Analyze codebase and manage project documentation for Data Visualization Kit. Use when the user types `$dv-document-management` or needs project docs, briefs, plans, summaries, and assets organized under the project's `docs/` tree with no extra artifact sprawl elsewhere.

Data Visualization Kit hub. Use when the user types `$dv`, asks what `$dv-*` commands exist, or gives a broad portfolio-data-visualization brief that still needs routing to the right canonical workflow.

Ingest, clean, validate, transform, and shape data into visualization-ready outputs. Use when the user types `$dv-data-preparation` or when the task needs ETL, schema design, SQL/NoSQL queries, migrations, database tuning, or dashboard-ready dataset preparation.

Debug systematically with root cause analysis before fixes. Use when the user types `$dv-debug` or when data preparation, visualization, publish, deployment, test, runtime, or workflow behavior fails and root cause must be proven before fixing.

Create polished frontend interfaces from designs, screenshots, or videos. Use for dashboard UI, web components, replication work, quick prototypes, and immersive interfaces without AI slop.

Build and operate Grafana dashboards for operational, observability, and time-series workflows. Use for panels, variables, alerting, datasource setup, dashboard provisioning, incident views, and self-hosted OSS delivery when the selected path is Grafana.

Run unit, integration, e2e, and UI tests. Use for test execution, coverage analysis, build verification, visual regression, and QA reports.

Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.

Check context usage limits, monitor time remaining, optimize token consumption, debug context failures. Use when asking about context percentage, rate limits, usage warnings, context optimization, agent architectures, memory systems.

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Scan codebase for security vulnerabilities, hardcoded secrets, dependency issues, and OWASP patterns. Use when asked to 'security scan', 'check for secrets', 'audit security', or before major releases.

Style UIs with shadcn/ui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.

UI/UX design intelligence for data apps, dashboards, and modern web interfaces. Includes style systems, color palettes, font pairings, product patterns, UX guidelines, and chart recommendations across web-focused stacks.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Explain the canonical `$dv-*` command surface. Use when the user types `$dv-help`, asks what the kit does, or needs help choosing the right data-visualization workflow.