← ClaudeAtlas

design-product-experiencelisted

Shape and validate a software product's information architecture, visual direction, interaction flows, interface states, responsiveness, accessibility, and optional minimal prototype before production implementation. Use after requirements are accepted, when interaction or visual behavior remains uncertain, when a user requests a prototype, or when existing designs and product behavior conflict.
railgun20001/the-first · ★ 0 · Web & Frontend · score 70
Install: claude install-skill railgun20001/the-first
# Design Product Experience Validate what users will see and do without prematurely locking the production architecture. ## Confirm the boundary 1. Read project instructions, `THE-FIRST.md`, accepted requirements, existing designs, design-system sources, current UI, and relevant feedback rules. 2. Confirm the requirement phase is accepted before producing implementation-ready experience decisions. For discussion-only exploration, keep proposals explicitly unaccepted. 3. Identify conflicts between requirements, designs, existing behavior, and component-library constraints. Ask the user to resolve material product conflicts. 4. Reuse established visual language and interaction patterns unless the accepted requirement calls for change. ## Define the experience Cover only the surfaces relevant to accepted scope: - Information architecture, navigation, entry points, and hierarchy. - Primary and secondary user flows. - Screen, page, panel, modal, or command states. - Loading, empty, error, success, partial, disabled, permission, cancellation, and recovery behavior. - Desktop, mobile, responsive, native, keyboard, and assistive-technology expectations. - Content hierarchy, density, typography direction, color direction, and brand cues. - Existing design-system or component-library behavior that must remain usable. - Interaction feedback, destructive confirmations, focus management, and accessibility basics. Describe observable behavior rather than inventing production compone