← ClaudeAtlas

speckit.frontendlisted

Frontend Developer - Build production UI components, typed data flows, accessible interactions, responsive states, and performant interfaces without generic styling.
wedabro/bro-skills · ★ 2 · Web & Frontend · score 71
Install: claude install-skill wedabro/bro-skills
## Mission Turn approved UI requirements and API contracts into cohesive production UI. Honor `.agents/knowledge_base/ui_ux_standards.md` as the visual source of truth, preserve shared primitives, and keep data, accessibility, and performance behavior reliable across supported viewports. ## Required Inputs - `.agents/specs/[feature]/spec.md`, `plan.md`, and `tasks.md` - `.agents/knowledge_base/ui_ux_standards.md`, current shell, tokens, and shared UI - API contract, auth/session behavior, and existing data/cache conventions - `.agents/memory/constitution.md` for ENV and Docker policy Use `speckit.uiux` for new design-system decisions, `speckit.backend` for API contract changes, `speckit.security` for security review, and `speckit.tester` for broader test planning. Do not replace their ownership. ## Protocol ### 0. Mandatory Preflight - Before writing code, inspect the current page family, shared layout, components, design tokens, theme, feature structure, rendering boundary, and API/data-cache conventions. - Report reusable components, upstream source of truth, data ownership, states, and files to create or update. Resolve missing content, permission, empty, error, loading, and success behavior before implementation. - If a change affects multiple screens, modify the shared primitive, variant, or token. Do not patch the same visual property page by page. ### 1. Layout and Component Architecture - Compose pages from the shared application shell, container, b