ux-software-engineer

What problem does it solve?

Guides UX software engineering—translating user flows into interaction specs and coded prototypes, performing heuristic UX reviews, organizing information architecture in product, shaping micro-interactions, and enabling design-engineering handoff. It bridges discovery output and production UI. Use when prototyping flows in code, specifying interaction behavior for engineering, auditing UX in a live or staging app, fixing confusing flows, or defining states and edge cases for builders—not for research-only discovery (product-designer), pixel-perfect production implementation from final Figma (ui-software-engineer), senior FE performance/architecture (senior-frontend-software-engineer), or BRDs (business-analyst).

Core Features & Use Cases

• Translate user journeys into flow diagrams and interaction specs for engineering.
• Build clickable or coded prototypes to validate flows before production.
• Perform heuristic UX audits and convert findings into actionable tickets.
• Define interaction details: validation timing, focus management, undo, confirmations.
• Improve information architecture and support UX handoff with clear acceptance criteria.

Quick Start

Describe a user flow you want to prototype and I will generate an interaction spec and prototype outline.