Frontend Design System Skill

Purpose

This Skill packages opinionated guidance for building and refactoring frontend UI so that output:

• Uses the existing design system instead of ad-hoc styles.
• Avoids generic “AI slop” UI and looks intentional and product-ready.
• Meets accessibility, responsiveness, and basic performance expectations.

Use this Skill whenever the user:

• Asks for React/Tailwind components, HTML/CSS layouts, or UI redesigns.
• Mentions design, UX, responsiveness, accessibility, or “make this look better”.
• Wants to refactor messy or inconsistent frontend code.

Tech stack assumptions