ux-designer

Design user flows, wireframes, personas, and information architecture for product experiences.

Updated Aug 20, 2026
One-click install
npx skills add https://github.com/rhorba/RestoLedger --skill ux-designer-rhorba
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/rhorba/RestoLedger/tree/main/skills/ux-designer
Command: npx skills add https://github.com/rhorba/RestoLedger --skill ux-designer-rhorba

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? It helps teams design how products work before visual styling begins, covering user research, flows, wireframes, and usability reviews so user problems are solved before pixels are pushed. ## Core Features & Use Cases - Scaled UX Process: Choose lightweight (30 min), standard (2-4 hours), or full research workflows based on how validated the idea already is. - Flows, Personas & Wireframes: Ready-to-use templates for quick personas, user flow notation with error paths, low-fi wireframe rules, and screen state checklists (empty, loading, error, partial, edge). - Usability & IA Guidance: Nielsen's 10 heuristics review table, sitemap and navigation rules, plus a reference file with UX patterns, annotation conventions, and research methods. - Use Case: When planning a password reset feature, generate the happy path, error paths (expired link, mismatched passwords), and edge cases, then hand off annotated wireframes to a UI designer. ## Quick Start Ask the assistant to map the user flow and low-fi wireframe states for your feature, for example the onboarding or checkout flow.

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 user flow diagram for a new feature?

Define the actor and entry point, then map the happy path as sequential steps from start to success. Add error paths at decision points (validation failures, server errors) and edge cases like back-button behavior or offline states.

What is the difference between UX design and UI design?

UX design covers how a product works: user flows, information architecture, wireframes, and interaction patterns. UI design covers visual styling like colors, typography, and component appearance. UX outputs are handed off to UI designers.

How many users do I need for a usability test?

Testing with 5 users surfaces roughly 80% of critical usability issues, making it the standard for prototype validation. For early discovery, user interviews and card sorting are better fits than formal usability tests.

When should I use low-fidelity wireframes instead of high-fidelity mockups?

Use low-fi wireframes (boxes and text, no colors) during early flow validation and stakeholder review. They keep feedback focused on structure and hierarchy rather than visuals, and are faster to iterate before handoff to UI design.

What states should every screen design include?

Every screen needs empty, loading, loaded, error, and partial states, plus edge states like offline, permissions denied, or expired sessions. Designing only the happy path leaves users stranded when data fails to load.