skills.rest
junevm
junevmCOMMUNITY
Explore all skills by this author →
GitHub

ux-designer

Produce research-grounded UX plans covering information architecture, user flows, wireframing, prototyping, and design-system handoff.

Updated Aug 23, 2026
Search Tags:#accessibility#user flows#usability testing#wireframing#ux design#information architecture
One-click install
npx skills add https://github.com/junevm/avtoolz --skill ux-designer-junevm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/junevm/avtoolz/tree/main/.agents/skills/ux-designer
Command: npx skills add https://github.com/junevm/avtoolz --skill ux-designer-junevm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps teams turn user needs into usable, accessible product experiences by structuring UX work around research-backed decisions and clear deliverables.

Core Features & Use Cases

  • Information Architecture: Define site maps, navigation structures, and labeling taxonomies so users can find what they need.
  • User Flows: Map happy paths, error states, edge cases, and task journeys to reduce confusion and rework.
  • Wireframing & Prototyping: Produce lo-fi to hi-fi wireframes and interactive prototypes for validation with real users.
  • UI Design & Developer Handoff: Translate UX decisions into production-ready specs, component states, responsive layouts, and accessibility requirements.

Quick Start

Ask the ux-designer skill to produce a 5-phase UX plan (IA, user flows, wireframes, prototype testing, and handoff) for your feature, including accessibility requirements and common failure cases to avoid.

Frequently Asked Questions about ux-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a UX plan that includes accessibility and user flow requirements?▼

To create a UX plan, structure your work into five phases: information architecture, user flows, wireframing, prototype testing, and developer handoff. Integrate accessibility requirements like keyboard navigation and screen reader support throughout each phase to ensure usable interfaces.

What is the best way to structure information architecture and user flows for a new feature?▼

The best way to structure information architecture and user flows is by mapping navigation taxonomies and task journeys. Define happy paths and edge cases early to reduce confusion, ensuring your user flows directly translate user needs into accessible interface designs.

How does wireframing and prototyping fit into a research-grounded UX design process?▼

Wireframing and prototyping fit into UX design by validating research-backed decisions with real users. After establishing information architecture and user flows, produce lo-fi to hi-fi interactive prototypes to test usability and refine interface interactions before development.

Can I use this approach to document component states and responsive behavior for developer handoff?▼

Yes, you can use this approach to document component states and responsive behavior for developer handoff. It translates UX decisions into production-ready specifications, detailing responsive layouts and accessibility requirements so developers can build accessible interfaces accurately.

What accessibility considerations should I include when designing user interfaces?▼

Accessibility considerations for user interfaces must include keyboard navigation, screen reader compatibility, and sufficient visual contrast. Document these requirements explicitly during the design phase to ensure the final product is usable by people with diverse abilities.

When do I need to run usability testing during the UX design process?▼

You need to run usability testing during the UX design process after creating interactive prototypes. This validates your wireframes and user flows with real users, identifying common failure cases and reducing rework before final developer handoff.

Related Skills

Explore More Design & Creative Skills→
claudcherejiclaudchereji

ux-researcher

Conduct usability testing and translate findings into actionable product improvements.

Community
Advanced
webrix-aiwebrix-ai
1

design-handoff

Extract design specifications and implementation details from Figma handoff materials.

Official
Intermediate
truchottruchot
2

ux-ui-design

Design UX/UI experiences from user research through interactive prototypes.

Community
Advanced
KazmerMaximilianoKazmerMaximiliano

neus-wireframe

Generate lo-fi ASCII wireframes for UI layout validation.

Community
Basic