Frontend UI Engineering

Overview

Build production-quality user interfaces that are accessible, performant, and visually polished. The goal is UI that looks like it was built by a design-aware engineer at a top company — not like it was generated by an AI. This means real design system adherence, proper accessibility, thoughtful interaction patterns, and no generic "AI aesthetic."

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

When NOT to use: Use get-design first when the visual direction, hierarchy, palette, typography, imagery, motion, or anti-AI-slop strategy is unresolved. Use this skill once the design direction is established or when the task is primarily implementation architecture, state, accessibility, and responsive behavior.

Component Architecture

File Structure