add-frontend-developmentlisted

# Frontend Development <!-- uses: - skill: add-ux-design/SKILL.md --> Stack-agnostic skill for frontend architecture and implementation patterns. **Use for:** Pages, State, Data Fetching, Types, API integration, Forms, Routing, Components **Do not use for:** UI/Design (ux-design), Backend (backend-development), mobile-native (React Native/Flutter), build tooling/bundler config **Stack orientation:** Consult `CLAUDE.md ## Architecture Contract` for the frontend framework, UI library, state management, and data-fetching tool. Apply the principles below using that framework's APIs. **Reference:** Always consult `CLAUDE.md` for general project standards. --- ## UX Design Integration (MANDATORY) **BEFORE implementing any frontend component:** 1. **Check for design.md** in the feature docs directory 2. **If design.md exists:** Follow the specs exactly (components, props, states, layout) 3. **If design.md does NOT exist:** Load and follow the UX Design skill (`{{skill:add-ux-design/SKILL.md}}`) The ux-design skill provides the SaaS UX Pattern Library (Dashboard, Settings, Billing, Auth, DataTables, Workspace), context auto-detection, mobile-first requirements (touch 44px, inputs 16px+), state patterns (loading/empty/error), and component patterns (layout, cards, forms, tables). **RULE:** Never implement frontend without either design.md OR ux-design skill loaded. --- ## Structure Organize source files by concern. Exact paths and extensions depend on the framework (see