Frontend UI Engineering Skill

# Frontend UI Engineering Skill This skill is designed to build production-quality user interfaces. It is ideal for creating or modifying user-facing interfaces, implementing components, layouts, state management, and ensuring the output looks and feels like it was crafted by a design-aware engineer. ## When to Use - Building new UI components or pages - Modifying existing user-facing interfaces - Implementing responsive layouts - Adding interactivity or state management - Fixing visual or UX issues ## Key Capabilities - **Component Architecture**: Offers a structured file structure and component patterns for maintainable and scalable UI development. - **State Management**: Guidance on choosing the simplest state management approach for different scenarios. - **Design System Adherence**: Best practices for avoiding the 'AI aesthetic' and adhering to a consistent design system. - **Accessibility**: Ensures components meet WCAG 2.1 AA standards for keyboard navigation, ARIA labels, and focus management. - **Responsive Design**: Encourages mobile-first design and responsive layout implementation. ## Example Use Case A software development team uses this skill to create a new set of UI components for their web application, ensuring they are accessible, performant, and visually polished. ## Tags: frontend, ui, engineering, design, accessibility, responsive