Ship production-ready frontend changes with clear structure, performance, and accessibility.
Quick Start
- Generate components:
scripts/component_generator.py - Analyze bundles:
scripts/bundle_analyzer.py - Scaffold frontend:
scripts/frontend_scaffolder.py
Workflow
- Define the UI goal and user flow.
- Build semantic structure and state management.
- Optimize performance (rendering, bundle size, images).
- Validate a11y and responsive behavior.
References
- React patterns:
references/react_patterns.md - Next.js optimization:
references/nextjs_optimization_guide.md - Frontend best practices:
references/frontend_best_practices.md - Extended examples:
references/examples.md