Generate BI dashboards from Prisma schemas using Next.js and Recharts.
npx skills add https://github.com/DangJin/bi-builder-skills --skill bi-builder
Please help me install this Agent Skill. Skill: bi-builder Source: https://github.com/DangJin/bi-builder-skills/tree/main/skills/bi-builder Command: npx skills add https://github.com/DangJin/bi-builder-skills --skill bi-builder
This Skill eliminates the tedious manual process of turning raw database schemas into production-ready BI dashboards, enabling teams to go from database exploration to a complete UI quickly.
Use Case: When you need a sales analytics dashboard, this skill guides you from connecting to Prisma to implementing the page with Recharts components.
Use the bi-builder skill to scaffold a dashboard from your database. Then tell it to "Create a sales analytics page" or "Build a dashboard from Prisma schema."
High-intent search queries and answers about installing and using this skill.
This Skill builds BI dashboards from existing databases by automating schema exploration, metric design, and UI implementation using Next.js and Recharts. It guides you through a 6-phase workflow to generate production-ready analytics pages quickly.
The workflow for creating data visualizations with Next.js and Recharts follows a 6-phase process: Database Connection, Schema Exploration, Requirements Dialog, Metrics Design, Chart Planning, and Page Implementation. It includes smart skip conditions to bypass phases based on your project state.
Yes, you need Prisma, Node.js, and a modern React/Next.js environment to generate analytics dashboards using this Skill. These dependencies are required to connect to your database and scaffold production-ready UI components.
Yes, you can use pre-configured metrics for 7 industries including E-commerce, SaaS, Finance, Content, Education, Healthcare, and Logistics. The Skill provides industry-specific templates to accelerate dashboard deployment.
Available layout patterns for operational and analytical dashboards include four templates: Executive, Operational, Analytical, and Comparison. These patterns help structure your UI implementation based on the specific analytics use case.
To start scaffolding a sales analytics page from your database, initiate the Skill and instruct it to build a dashboard from your Prisma schema. It guides you from database connection to implementing the page with Recharts components.
kaxuna1Generate a type-safe Prisma ORM layer for PostgreSQL in Node.js backends.
Wahidul123Create responsive Line, Bar, Area, and Pie charts with recharts.
hidonguyenGenerate shadcn/ui component libraries with Tailwind CSS themes.
clineCreate standardized charts from analytics query results with CSV and HTML or PNG exports.
