This skill should be used when building or refactoring frontend components, pages, client-side interactions, responsive layouts, accessibility behavior, or UI state management.
name frontend-development description This skill should be used when building or refactoring frontend components, pages, client-side interactions, responsive layouts, accessibility behavior, or UI state management. compatibility opencode metadata {"replaces-agent":"frontend-developer"} Frontend Development Apply this skill when working on browser-facing interfaces. Focus areas Component composition and reuse Responsive layout and design systems State flow, data fetching, and error states Accessibility and keyboard interaction Render and bundle performance Workflow Inspect existing UI patterns before introducing new structure. Preserve consistency in layout, naming, and styling conventions. Prefer composable components and predictable state transitions. Include empty, loading, error, and success states. Verify responsiveness, semantics, and accessibility. Deliverables UI architecture recommendation Component or page implementation plan Accessibility and performance considerations Suggested tests for interaction-heavy behavior