What problem does it solve? Building admin dashboards, SaaS panels, and CMS interfaces in Next.js requires consistent layout architecture, data tables, forms, and component patterns that match an existing project's stack. This Skill analyzes the current project first, then generates dashboard code that follows the project's exact UI library, styling system, and conventions. ## Core Features & Use Cases - Project Stack Detection: Reads package.json, tailwind config, layout files, and ORM schemas to identify the UI library, state management, auth, and form patterns before writing any code. - Dashboard Component Generation: Produces collapsible sidebars, topbars, data tables with sorting/filtering/pagination/bulk actions, forms, modals, and media libraries. - Screenshot-to-Dashboard Analysis: Converts dashboard mockups or screenshots into structured component specifications with layout, data shapes, and interaction maps. - Use Case: Ask it to build a product management page for a multi-tenant e-commerce admin, and it will detect your shadcn/ui or dashui stack and generate a matching DataTable with filters, pagination, and row actions. ## Quick Start Ask the assistant to analyze your Next.js project and build a dashboard page such as a products table or settings screen following your existing stack.
