Copilot instructions

1---
2applyTo: 'src/**/*.{tsx,ts,css}'
3---
4 
5## QUALITY CHECKLIST
6 
7Before completing any code implementation, ensure:
8 
9### Code Architecture Quality
10 
11- [ ] **No monolithic components** - Each component under 200 lines with single responsibility
12- [ ] **Logic extraction** - Reusable logic moved to custom hooks, not duplicated
13- [ ] **Type safety** - Shared interfaces defined in `lib/types.ts` and reused
14- [ ] **Service layer** - API calls abstracted to service functions, not inline
15- [ ] **Proper imports** - Using path aliases (@/) and organized import groups
16- [ ] **Validation schemas** - Zod schemas shared and reused across components
17- [ ] **Component composition** - Complex UI built from smaller, focused components
18 
19### Design Quality
20 
21- [ ] Uses sophisticated color palette (not default grays)
22- [ ] Has proper visual hierarchy with varied typography scales
23- [ ] Includes subtle animations and micro-interactions
24- [ ] Features generous whitespace and purposeful spacing
25- [ ] All interactive elements have clear hover/active states
26- [ ] **Accessibility standards are met (proper contrast, focus states)**
27- [ ] Mobile experience is thoughtfully designed
28- [ ] Maintains consistent color story throughout
29 
30# Quality Standards & Never-Ship Rules
31 
32## NEVER SHIP CODE THAT:
33 
34- Has ESLint errors (run `npm run lint` first)
35- Uses poor accessibility (contrast ratio below 4.5:1)
36- Has monolithic components over 300 lines
37- Contains inline API calls in UI components
38- Uses generic designs without industry context
39- Has console errors or warnings
40- Lacks responsive design testing
41- Missing TypeScript types for new interfaces
42