ux-creator
CommunityDesign intuitive experiences, effortlessly.
Design & Creative#accessibility#user flows#UX design#user experience#interaction patterns#information architecture#heuristic evaluation
Authorvinceh
Version1.0.0
Installs0
System Documentation
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
Dependency Matrix
Required Modules
None requiredComponents
assetsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ux-creator Download link: https://github.com/vinceh/recipe/archive/main.zip#ux-creator Please download this .zip file, extract it, and install it in the .claude/skills/ directory.