Senior Frontend

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

1. Define the UI goal and user flow.
2. Build semantic structure and state management.
3. Optimize performance (rendering, bundle size, images).
4. 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