/

/frontend-design-review

351

Review and create distinctive, production-grade frontend interfaces with high design quality and design system compliance. Evaluates using three pillars: frictionless insight-to-action, quality craft, and trustworthy building. USE FOR: PR reviews, design reviews, accessibility audits, design system compliance checks, creative frontend design, UI code review, component reviews, responsive design checks, theme testing, and creating memorable UI. DO NOT USE FOR: Backend API reviews, database schema reviews, infrastructure or DevOps work, pure business logic without UI, or non-frontend code.

5 files
12.6 KB
Updated 7 months ago
GitHub
No alerts

Ask your Agent

Use this Skill: https://skilld.dev/gh/microsoft/skills/frontend-design-review

This session only. Nothing lands on disk.

referencespattern-examples.md

759 B raw

≈190 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Pattern Examples

Creative Frontend (New Interfaces)

Good: Clear Aesthetic Direction

Landing page with brutalist aesthetic: Raw typography (Neue Haas Grotesk), stark black and white, asymmetric layouts
Dashboard with organic theme: Rounded forms, earth tones, flowing animations, textured backgrounds

Bad: Generic AI Aesthetic

Overused fonts, cliched color schemes, centered content, generic card layouts

Design System Review (Existing Work)

Good: Frictionless

Single primary button, clear task completion path

Good: Quality Craft

Uses design system with tokens, distinctive typography, keyboard accessible, tested in themes

Bad: Quality Craft

Hardcoded values, generic overused fonts, poor contrast in dark mode

Source: SKILL.md on GitHub

Third-party checks

No alerts17d5 checks · Risk SAFE

Gen Agent Trust Hub17d
This skill provides a comprehensive framework for frontend design reviews, focusing on design system compliance, quality pillars, and aesthetic excellence. It includes structured templates for evaluation and creative guidance. No security issues were identified during the analysis.
Socket17d
No alerts
Snyk17d
Risk: LOW · No issues
Runlayer7mo
2/5 files flagged
ZeroLeaks5mo
Score: 93/100 · 2 sections analyzed

Provenance

Signed by skilld at cbfd1b6. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 20 hours ago.

Activeupdated 7 months ago

Capability

Other metadata

acknowledgments: Design review principles and quality pillar framework created by @Quirinevwm (https://github.com/Quirinevwm). Creative frontend guidance inspired by Anthropic's frontend-design skill (https://github.com/anthropics/skills/tree/main/skills/frontend-design). Licensed under respective terms.

/frontend-design-review