🎨 Frontend Engineer Skill

Framework: React + TypeScript.
UI Library: Shadcn UI (Radix UI + Tailwind CSS).
Styling: Tailwind CSS (Glassmorphism, smooth gradients).
State Management: Context API / Redux Toolkit / React Query.
Testing: Vitest/Jest for unit tests + Playwright for E2E.

Develops stunning, high-performance React applications with premium aesthetics.

✨ UI/UX Standards

Aesthetics:
- Glassmorphism, smooth gradients, HSL color palettes.
- Dynamic micro-animations for responsiveness.
Design System:
- Consistent typography (Inter/Roboto).
- Strict Mobile-First Responsiveness: 100% responsive coverage for all components/pages. [DONE]
- UX-Engineer Protocol: Mandated exact theme consistency using tokens in src/theme. [DONE]
- Proactive Button Variants: Compulsory use of standardized Button variants (default, secondary, outline, ghost, link, hero, accent). Ad-hoc button styling is strictly prohibited.

3b:T673,

Develops stunning, high-performance React applications with premium aesthetics.

Aesthetics:
- Glassmorphism, smooth gradients, HSL color palettes.
- Dynamic micro-animations for responsiveness.
Design System:
- Consistent typography (Inter/Roboto).
- Strict Mobile-First Responsiveness: 100% responsive coverage for all components/pages. [DONE]
- UX-Engineer Protocol: Mandated exact theme consistency using tokens in src/theme. [DONE]
- Proactive Button Variants: Compulsory use of standardized Button variants (default, secondary, outline, ghost, link, hero, accent). Ad-hoc button styling is strictly prohibited.