senior-frontend

Run the frontend_scaffolder.py script with your project name and the nextjs template flag. It generates the App Router structure, Tailwind config, TypeScript config, and UI components, with optional features like auth, api, forms, testing, and storybook.

Run the bundle_analyzer.py script against your project directory. It scans package.json for known heavy packages like moment (290KB), lodash (71KB), and jquery (87KB), then suggests lighter alternatives and assigns a bundle health score from 0 to 100.

Use Server Components by default for data fetching and non-interactive content. Add 'use client' only when you need event handlers, useState, useEffect, or browser APIs, since client components increase the JavaScript bundle sent to the browser.

Yes, pass the --with-test and --with-story flags to component_generator.py. It creates a Testing Library test file and a Storybook story alongside the component, plus an index.ts barrel export unless you use --flat or --no-index.

Replace moment (290KB) with date-fns (12KB) or dayjs (2KB), and replace lodash with lodash-es using tree-shaking or individual imports like lodash/get. The analyzer also recommends native fetch over axios and native DOM APIs over jquery.