Premium Frontend UI
Independent PiSkill directory guide. The original skill remains hosted by GitHub Awesome Copilot.
What is Premium Frontend UI?
Creates polished production frontend interfaces with deliberate hierarchy, typography, spacing, responsive behavior, interaction states, and reusable implementation patterns.
Compatible tools
Related skills
React Audit Patterns
Audits React code with targeted search patterns for common correctness, performance, accessibility, state, and maintainability problems before deeper manual review.
Figma Code Connect Components
Maps Figma design-system components to real code components so agents can preserve established implementation patterns instead of generating disconnected UI markup.
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.
Implement Figma Designs
Turns a Figma design into production code while reusing the repository's components, tokens, assets, responsive patterns, and accessibility conventions.
Microsoft Frontend Design Review
Reviews frontend implementations for visual hierarchy, spacing, responsiveness, interaction quality, consistency, and accessibility using evidence from the current interface.
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.