Enforces brand consistency and professional UI/UX patterns across desktop and mobile interfaces.
The Frontend Style Guide skill provides a comprehensive framework for maintaining a cohesive brand identity within any development workflow. It automates the application of specific color palettes, typography scales, and responsive layout patterns like the AppShell. By codifying design guardrails—including accessibility standards, interactive states, and component usage for Tailwind and shadcn—it ensures every UI change remains accessible, professional, and optimized for both desktop and mobile devices.
主な機能
01Ensures accessibility compliance through contrast checks and motion preferences
02Implements responsive layout patterns using AppShell and mobile BottomNav
03Standardizes interactive states for buttons, inputs, and hover effects
04Enforces brand-specific color palettes and typography scales automatically
050 GitHub stars
06Maintains consistency with shadcn UI and Tailwind CSS best practices
ユースケース
01Refactoring legacy components to align with modern UX guidelines
02Ensuring mobile responsiveness and accessibility during rapid prototyping
03Building new application pages that match existing brand design systems
