skills.rest
vinceh
vincehCOMMUNITY
Explore all skills by this author →
GitHub

ux-creator

Translate requirements into UX flows, information architectures, and interaction patterns.

1|Updated Oct 21, 2025
Search Tags:#accessibility#user flows#UX design#user experience#interaction patterns#information architecture#heuristic evaluation
One-click install
npx skills add https://github.com/vinceh/recipe --skill ux-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-creator
Source: https://github.com/vinceh/recipe/tree/main/.claude/skills/ux-creator
Command: npx skills add https://github.com/vinceh/recipe --skill ux-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill eliminates the guesswork and complexity in User Experience (UX) design and evaluation. It provides a structured, expert-guided approach to translate requirements into effective user flows, information architecture, and interaction patterns, ensuring your designs are user-centric and meet modern standards. It also helps you systematically identify and fix usability issues in existing interfaces.

Core Features & Use Cases

  • Requirements to UX: Transform raw requirements into detailed user journeys, information architecture, and user flows.
  • UX Evaluation: Conduct heuristic evaluations and cognitive walkthroughs to identify and prioritize usability issues.
  • Interaction Patterns & Principles: Access comprehensive guides on established UI/UX patterns and core design principles (Nielsen's heuristics, Gestalt principles, accessibility).
  • Use Case: You need to design a new e-commerce checkout flow. This Skill guides you from analyzing user requirements, mapping the user journey, designing the information architecture, creating detailed user flows, and selecting appropriate interaction patterns, all while ensuring accessibility and adherence to UX principles.

Quick Start

To quickly translate a simple requirement into UX design:

Step 1: Clarify the Requirement Identify:

  • User goal: What does the user want to accomplish?
  • Context: Where, when, and why will they do this?
  • Success criteria: What makes this experience successful?

Example:

  • Requirement: "Users should be able to reset their password"
  • User goal: Regain access to account when password is forgotten
  • Context: Login page, user has forgotten password
  • Success: User receives reset link and successfully creates new password

Frequently Asked Questions about ux-creator

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

FAQPage Schema
How do I translate user requirements into effective UX flows and information architecture?▼

Translate requirements into UX flows by clarifying user goals, context, and success criteria, then map user journeys and design information architecture that organizes content logically. This Skill guides you through structured analysis to create detailed flows and interaction patterns that satisfy functional requirements while adhering to Nielsen's usability heuristics and WCAG 2.2 AA accessibility standards.

What is heuristic evaluation and how do I use it to identify usability issues?▼

Heuristic evaluation is a systematic inspection method that assesses interfaces against established usability principles like Nielsen's heuristics to identify and prioritize usability problems. This Skill provides evaluation templates and frameworks to conduct cognitive walkthroughs and spot issues in existing interfaces across user journeys, enabling you to fix problems before they reach users.

How do I ensure my UX design meets accessibility standards like WCAG 2.2 AA?▼

Ensure accessibility compliance by applying WCAG 2.2 AA guidelines throughout your design process—from information architecture to interaction patterns. This Skill embeds accessibility requirements into UX evaluation methodologies and design templates, so you systematically verify that user flows and interfaces work for all users including those with disabilities.

Can I use interaction patterns and design principles from established frameworks?▼

Yes. This Skill provides comprehensive guides on established UI/UX interaction patterns and design principles including Nielsen's heuristics and Gestalt principles, plus references to design system standards. You apply these proven patterns when designing new experiences or evaluating existing interfaces to ensure consistency and usability.

What's the best way to design a complex user flow like an e-commerce checkout?▼

Design complex flows by analyzing requirements, mapping the full user journey, structuring information architecture, creating detailed user flows, and selecting appropriate interaction patterns—all while validating against usability heuristics and accessibility standards. This Skill provides step-by-step guidance and evaluation templates to move from requirements to polished, user-centric flows.

Do I need design system knowledge to use this Skill?▼

No prerequisite expertise required. This Skill includes established design systems and evaluation templates as built-in references, so you can create user-centric UX without prior design system experience. It teaches you how to apply heuristics, accessibility standards, and interaction patterns as you work through requirements to finished designs.

Related Skills

Explore More Design & Creative Skills→
LerianStudioLerianStudio
205

portfolio-planning

Coordinate portfolio planning with gate-driven workflows for alignment and capacity.

Official
Advanced
oakossoakoss
14

ux-designer

Designs user experiences and interfaces with WCAG 2.2 AA compliance.

Official
Intermediate
alex-voloshin-devalex-voloshin-dev
2

design-system-patterns

Guide interface development and auditing with WCAG 2.2 compliance standards.

Community
Advanced
Adam-GuerinAdam-Guerin
1

ui-ux-designer

Create interface designs, wireframes, and design systems with WCAG compliance.

Community
Advanced