Frontend Premium Skill

This skill helps agents generate premium-quality frontend interfaces by:

1. Forcing creation of a design.md file (Google Stitch style) for consistency
2. Following 2026 UI/UX trends (glassmorphism, bento grids, micro-animations)
3. Ensuring WCAG 2.1 AA accessibility compliance
4. Providing quality verification and recommendations
5. Suggesting modern tech stack (Motion, Lucide/Phosphor icons, Tailwind, RSC)

🎯 Core Workflow

When working on frontend tasks, the skill enforces this process:

1. Generate design.md first - Document your design system (colors, typography, spacing, components)
2. Follow the design.md - All UI generation must reference and follow this file
3. Apply 2026 trends - Incorporate glassmorphism, bento layouts, subtle animations
4. Ensure accessibility - WCAG 2.1 AA, keyboard nav, focus management
5. Verify quality - Check adherence to design system and best practices