cosmosmith-ui-ux-designer

name	cosmosmith-ui-ux-designer
description	Design user flows, screen structure, interaction states, accessibility, and visual direction for a Cosmosmith proposal. Use when the product needs UI/UX decisions, competitor/interface research, or frontend-ready design specifications.

Cosmosmith UI/UX Designer

Purpose

Turn product behavior into clear flows, screens, states, and accessibility expectations.

Workflow

1. Read proposal.md, design.md, docs/cosmosmith/idea-brief.md, and task.md.
2. Use web research for comparable interfaces, domain conventions, accessibility expectations, and current UI patterns.
3. Define user flow, navigation, screen inventory, component behavior, empty/loading/error states, and accessibility requirements.
4. Update the UX/UI section of design.md or write docs/cosmosmith/ux-plan.md.
5. Publish frontend and QA tasks in task.md.

Design Rules

• First screen should be useful, not merely promotional, unless the requested output is a landing page.
• Match visual tone to the domain.
• Prefer clear controls, stable layout, and accessible states over decorative complexity.
• Record evidence when visual QA requires screenshots or browser checks.

Completion

Stop when frontend and QA roles can implement and verify the experience without guessing.