Frontend Development Guidelines

When to Use

• Creating new React components or pages
• Building features with TanStack Query/Router
• Styling with MUI v7
• Performance optimization tasks
• Organizing frontend code structure
• TypeScript best practices enforcement

Workflow

Step 1: Scaffold Feature Structure