ux-design

Structure UX design with jobs-to-be-done mapping and validation templates.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a structured UX methodology so teams can move quickly from ambiguous ideas to coherent user-centered experiences without skipping research, flows, or validation.

Core Features & Use Cases

  • Principles catalog: Jobs-to-be-done, progressive disclosure, recognition over recall, error prevention, and immediate feedback align each interaction with proven heuristics.
  • Phase-by-phase process: Research, architecture, interaction, visual design, and validation steps guide the design of flows, wireframes, prototypes, and heuristics-driven reviews.
  • Templates & heuristics: Ready-to-use user stories, screen specifications, user flows, and Nielsen/WCAG/emotional checklists keep documentation consistent and reviewable.

Quick Start

Map a new onboarding flow by defining the jobs-to-be-done, outlining phased interactions, and checking UX heuristics before drafting wireframes.

Frequently Asked Questions about ux-design

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

FAQPage Schema
How do I map user flows using jobs-to-be-done methodology?

Map user flows by defining the jobs-to-be-done, outlining phased interactions, and checking UX heuristics before drafting wireframes. This structured process ensures coherent user-centered experiences without skipping research or validation.

What is the best way to structure a UX design process for new product features?

Structure a UX design process through phase-by-phase steps: research, architecture, interaction, visual design, and validation. This methodology guides the creation of flows, wireframes, and heuristics-driven reviews for consumer-facing features.

Can I use Nielsen heuristics and WCAG checklists for usability reviews?

Yes, you can apply ready-to-use templates including Nielsen heuristics, WCAG checklists, and emotional checklists to keep documentation consistent, reviewable, and ensure usability and accessibility coverage during validation.

Does this UX guidance framework support progressive disclosure and error prevention tactics?

Yes, the principles catalog explicitly includes progressive disclosure tactics, error prevention, recognition over recall, and immediate feedback to align each interaction with proven heuristics for consumer-facing product features.

When do I need to write UX specifications and user stories for wireframes?

Write UX specifications and user stories during the architecture and interaction phases to define screen specifications and user flows. Ready-to-use templates keep documentation consistent before moving into visual design and validation.

Are there limitations to using design heuristics without conducting user research first?

Skipping user research limits the effectiveness of design heuristics. The methodology requires jobs-to-be-done mapping and validation templates upfront to ensure interaction patterns and visual design specifications align with actual user needs.