data-visualization

Build a React dashboard by using a skill that coordinates data sources, chart rendering, and UI controls internally. It fetches data from integrations or app databases and returns chart-ready payloads to render visual analysis without separate data-query steps.

Yes, visualize data from CSV files and external integrations in the same dashboard. The workflow unifies diverse data sources like Stripe, Google Analytics, Linear, app databases, and CSV files into a single React visualization app.

Add CSV export functionality by building dataset explorers and reports through the provided React scaffold. The generated dashboards render data tables and include CSV export features to extract processed chart data directly from the visualization app.

Generate API client hooks using the OpenAPI codegen workflow included in this skill. The workflow uses generated hooks from @workspace/api-client-react to fetch data and deliver endpoints that return chart-ready payloads for Recharts components.

No, this workflow handles data internally so you do not need separate data-fetching code. It coordinates data sources like Stripe, Linear, and Google Analytics, routing them through a unified OpenAPI codegen workflow to generate required hooks automatically.

The design subagent ensures consistent chart styling and behavior by using reference guidance within the workflow. It coordinates UI controls and Recharts rendering to deliver end-to-end visual analysis with consistent styling across all dashboard components.