Frontend Designer

소개

The Frontend Designer skill empowers developers to create high-quality, production-ready user interfaces with a focus on accessibility and performance. It provides structured guidance for implementing design tokens, fluid layouts, and component-driven architectures while adhering to WCAG 2.1 AA standards. By bridging the gap between design and implementation, this skill ensures consistent styling across projects, automates component generation, and optimizes frontends for mobile-first responsiveness and lightning-fast delivery.

주요 기능

• 6 GitHub stars
• Performance optimization through lazy loading and critical CSS
• Automated component generation including tests and Storybook files
• Accessible component development following WCAG 2.1 AA guidelines
• Design system implementation using tokens and CSS custom properties
• Mobile-first responsive layout patterns using CSS Grid and Flexbox

사용 사례

• Auditing and improving the accessibility and keyboard navigation of existing UI components
• Bootstrapping a new design system with consistent tokens and base styles
• Developing a library of reusable, performance-optimized React or framework-agnostic components