senior-frontend

Component scaffolding automates the generation of new React components with built-in best practices, reducing boilerplate and setup time. Run `python scripts/component_generator.py <project-path>` to instantly create structured, production-ready components for your React or Next.js project.

Bundle analysis identifies large dependencies and inefficient code that slow load times. Use `python scripts/bundle_analyzer.py <target-path>` to deeply analyze your application's bundle, pinpoint optimization opportunities, and receive automated recommendations before release.

Yes, this Skill is designed specifically for React and Next.js projects using TypeScript, Tailwind CSS, and modern tooling. Both the component generator and bundle analyzer work with these standards, ensuring outputs match your existing stack.

Frontend scaffolding automates project initialization and configuration. The Skill provides template-configurable setup that handles boilerplate, tooling integration, and best-practice defaults, so you can start building features immediately instead of manual setup.

It addresses performance through integrated bundle analysis that identifies optimization opportunities and code quality through automated component generation following best practices. Run analysis before releases to reduce load times and ensure consistent, maintainable code.

Yes, the Skill runs Python scripts and CLI tooling. Ensure Python is installed and accessible in your environment, then execute the component generator and bundle analyzer scripts directly against your project path.