Draft a UI/UX design document covering goals, personas, user flows, and states.
npx skills add https://github.com/hoonzinope/skills --skill uiux-engineer
Please help me install this Agent Skill. Skill: uiux-engineer Source: https://github.com/hoonzinope/skills/tree/main/uiux-engineer Command: npx skills add https://github.com/hoonzinope/skills --skill uiux-engineer
Designers and product teams often struggle with inconsistent or missing UI/UX documentation, leading to misaligned expectations and implementation gaps. This Skill provides a clear, standardized design document and a proven structure for teams to reference.
Draft a UI/UX design document for a product or feature and save it to .documents/uiux/UIUX.md.
High-intent search queries and answers about installing and using this skill.
To generate a UI/UX design document, provide the product or feature details and the system drafts goals, personas, user flows, IA, screen specs, states, and accessibility notes, saving the output to .documents/uiux/UIUX.md.
Cross-platform UI/UX screen specs and states should include framework-agnostic behaviors, specific state transitions, accessibility notes, and clearly called out unknowns and assumptions rather than visual styling details.
Yes, you can use this UI/UX documentation workflow without framework dependencies because the output specifies behaviors and states rather than visuals, remaining completely framework-agnostic across cross-platform scenarios.
The best way to structure design documentation for handoffs is to use a standardized format covering goals, personas, user flows, IA/sitemap, screen specs, states, and accessibility notes to align expectations and reduce implementation gaps.
This approach handles unknowns and assumptions by explicitly calling them out within the generated design document, ensuring cross-platform scenarios, state behaviors, and framework-agnostic specifications remain clear for implementation.
Specifying behaviors and states instead of visuals in UI/UX documentation ensures the design remains framework-agnostic, preventing visual implementation gaps while standardizing cross-platform user flows and accessibility notes.
zxpmailGuide users through structured product requirement definition and documentation.
hoonzinopeGenerate and append microcopy sections to the UIUX.md document.
www-zaq-aiTranslate PRDs into user flows, text wireframes, and UI handoff plans.
KhaledMKhaledRecreate screenshot references into pixel-perfect UI implementations with exact colors and typography.
