skills.rest
iangcastill0
iangcastill0COMMUNITY
Explore all skills by this author →
Website𝕏@iangcastillo02GitHub

ux-design

Guide UX design phases from research to validation with deliverable templates.

Updated Mar 16, 2026
Search Tags:#user flows#wireframing#user experience#usability#ux design#interaction design
One-click install
npx skills add https://github.com/iangcastill0/demo_ecomm --skill ux-design-iangcastill0
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/iangcastill0/demo_ecomm/tree/main/.claude/skills/ux-design
Command: npx skills add https://github.com/iangcastill0/demo_ecomm --skill ux-design-iangcastill0

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured methodology and practical guidance for designing user-centered digital products, ensuring usability, accessibility, and a positive user experience.

Core Features & Use Cases

  • UX Methodologies: Implements principles like Jobs-to-be-Done, Progressive Disclosure, and Recognition Over Recall.
  • Design Process Framework: Guides through Research, Information Architecture, Interaction Design, Visual Design, and Validation phases.
  • Deliverable Templates: Offers formats for User Flows, Wireframes, State Diagrams, and more.
  • Use Case: When designing a new feature for a mobile app, use this Skill to define user personas, map out user flows, create wireframes, and plan usability testing.

Quick Start

Use the ux-design skill to generate a user flow for the onboarding process of a new application.

Frequently Asked Questions about ux-design

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

FAQPage Schema
How do I create user flows and wireframes for a new mobile app feature?▼

To create user flows and wireframes, this framework provides structured deliverable templates and guides you through interaction design and visual design phases to map out user-centered digital products.

What is the best way to structure a UX design process from research to validation?▼

A structured UX design process should encompass user research, information architecture, interaction design, visual design, and validation phases, utilizing defined deliverables and principles to ensure product usability.

Can I use this methodology to plan usability testing and define user personas?▼

Yes, you can use this methodology to define user personas and plan usability testing by following the comprehensive validation and research phases provided for user-centered design.

Does this framework support UX design principles like Jobs-to-be-Done and Progressive Disclosure?▼

This framework supports UX design by implementing principles like Jobs-to-be-Done, Progressive Disclosure, and Recognition Over Recall to ensure intuitive user experiences and accessibility.

How do I map out information architecture for a digital product?▼

Mapping out information architecture is handled through the design process framework, which guides you through structuring digital products before moving into interaction design and visual design phases.

Related Skills

Explore More Design & Creative Skills→
silaslopes100silaslopes100

reversa-researcher

Convert raw product ideation data into structured user personas and customer journey maps.

Community
Intermediate
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
daffy0208daffy0208
34

UX Designer

Create information architecture, user flows, wireframes, and prototypes for digital products.

Community
Intermediate
zm2231zm2231

design-feedback

Review UI/UX designs and visual assets with structured checklists and accessibility assessments.

Community
Intermediate