← ClaudeAtlas

handoff-to-devlisted

Convert approved UX/UI designs, prototypes, flows, and design-system decisions into build-ready implementation specifications. Use when asked for developer handoff, redlines, annotations, behavior specs, responsive rules, component mapping, state matrices, accessibility requirements, content and data limits, analytics events, acceptance criteria, or design QA. Produce a behavior-first contract tied to tokens and components, identify gaps and open decisions, and define observable completion criteria. Do not invent backend behavior, API contracts, analytics, breakpoints, or accessibility semantics that require product or engineering confirmation.
Gonadotrophic-tangent41/ux-ui-skills · ★ 0 · Web & Frontend · score 72
Install: claude install-skill Gonadotrophic-tangent41/ux-ui-skills
# Handoff to Development Handoff is a shared implementation contract, not a measurement dump. Specify intent, behavior, states, constraints, and verification so the team can build the experience without guessing or freezing the design into brittle pixels. ## 1. Confirm readiness Collect: - approved flow, screens, prototype, and decision history; - target platforms, browsers, devices, locales, and input modes; - design-system components, tokens, code links, and version; - content source, data shape, ranges, permissions, and latency; - API or service behavior known to the team; - accessibility target and test environment; - analytics plan, release scope, feature flags, and rollout constraints. Label unresolved product, data, security, privacy, or technical decisions. Do not disguise them as visual annotations. ## 2. Map the critical flow Write: `Entry -> Preconditions -> User action -> System response -> Branches -> Recovery -> Completion -> Return` Include deep link, refresh, back, cancel, interruption, duplicate submission, expired session, and partial completion where relevant. Define what state is retained. ## 3. Map design to system For every visible region identify: `Design object | Code component | Variant | Tokens | Content/data | Event | Owner | Gap` Use existing component and token names. Avoid raw pixel, color, and typography values when semantic tokens or layout constraints exist. Mark new components and variants explicitly; do not silently create one-o