Microsoft Frontend Design Review
Independent PiSkill directory guide. The original skill remains hosted by Microsoft Skills.
What is Microsoft Frontend Design Review?
Reviews frontend implementations for visual hierarchy, spacing, responsiveness, interaction quality, consistency, and accessibility using evidence from the current interface.
Compatible tools
Related skills
Web Design Guidelines Review
Reviews interface code against Vercel's web interface guidelines covering accessibility, forms, keyboard behavior, focus states, animation, typography, images, and performance.
Implement Figma Designs
Turns a Figma design into production code while reusing the repository's components, tokens, assets, responsive patterns, and accessibility conventions.
React Audit Patterns
Audits React code with targeted search patterns for common correctness, performance, accessibility, state, and maintainability problems before deeper manual review.
Frontend UI Dark Theme
Builds refined dark-themed React interfaces with Tailwind CSS, custom theming, glassmorphism, and Framer Motion for dashboards, admin panels, and data-heavy applications.
Figma Design System Rules
Creates repository-specific design-system rules from Figma and code evidence, covering tokens, components, naming, layout, accessibility, and implementation constraints.
Frontend Design
Helps an agent design distinctive, production-ready web interfaces with deliberate typography, layout, color, motion, and visual direction instead of generic template styling.