Frontend Designer

About

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.

Key Features

• 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

Use Cases

• 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