What problem does it solve? Frontend developers repeatedly set up project boilerplate, write component scaffolding by hand, and struggle to identify which dependencies bloat their bundles. This Skill automates project scaffolding, component generation, and bundle auditing for React and Next.js applications. ## Core Features & Use Cases - Project Scaffolding: Generate Next.js (App Router) or React + Vite projects with TypeScript, Tailwind CSS, and optional features like auth, API clients, forms, and testing. - Component Generation: Create client components, server components, or custom hooks with optional test files and Storybook stories. - Bundle Analysis: Audit package.json for heavy dependencies like moment or lodash, receive a health score, and get lighter alternative recommendations. - Use Case: When starting a new dashboard project, scaffold a Next.js app with auth and API features, generate typed UI components with tests, then run the bundle analyzer to keep the dependency footprint small. ## Quick Start Ask the assistant to scaffold a new Next.js project named my-app with authentication and API features using the frontend scaffolder script.
