Frontend Developer

Ship frontend changes that behave correctly under real user conditions, not just on the happy path.

This skill owns implementation where the main risk lives in the browser: rendering, interaction, state transitions, async feedback, accessibility semantics, layout behavior, and performance felt by users. Use it for product-facing code that must survive latency, invalid input, partial data, keyboard use, narrow screens, and messy state.

Use this skill for

• building or refactoring components, screens, and client-side flows
• forms, validation, submission UX, and recovery paths
• loading, empty, error, retry, optimistic, and stale-data states
• client-side state modeling, derived state cleanup, and view synchronization
• accessibility fixes involving semantics, focus, keyboard flow, announcements, or touch targets
• responsive behavior, overflow, density, and viewport-specific interaction changes
• browser/event issues such as focus loss, hydration mismatch, race conditions, scroll locking, or timing bugs
• frontend-focused testing and browser verification

Do not use this skill for