frontend-design-review
Review and build distinctive, production-grade frontend interfaces, judged on design quality and design system compliance.
- Kind
- Skill
- Works with
- GitHub Copilot
- Languages
- TypeScript / JavaScript
- Source
- microsoft/skills @ 2130750147de
- Path
- .github/skills/frontend-design-review/SKILL.md
- License
- MIT
- Jobs
- UI/UX work, Review
InstallCopy it from the source repository, or sign in and let the assistant adapt it for your project.
# Frontend Design Review Review UI implementations against design quality standards and your design system **OR** create distinctive, production-grade frontend interfaces from scratch. ## Two Modes ### Mode 1: Design Review Evaluate existing UI for design system compliance, three quality pillars (Frictionless, Quality Craft, Trustworthy), accessibility, and code quality. ### Mode 2: Creative Frontend Design Create distinctive interfaces that avoid generic "AI slop" aesthetics, have clear conceptual direction, and execute with precision. --- ## Creative Frontend Design Before coding, commit to an aesthetic direction: - **Purpose**: What problem does this solve? Who uses it? - **Tone**: minimal, maximalist, retro-futuristic, organic, luxury, playful, editorial, brutalist, art deco, soft/pastel, industrial, etc. - **Constraints**: Framework, performance, accessibility requirements. - **Differentiation**: What makes this distinctive and context-appropriate? ### Aesthetics Guidelines - **Typography**: Distinctive fonts that elevate aesthetics. Pair a display font with a refined body font. Avoid Inter, Roboto, Arial, Space Grotesk. …