skills.rest
tomas-u
tomas-uCOMMUNITY
Explore all skills by this author →
GitHub

ux

Provide structured UX planning guidance for web and mobile interfaces.

1|Updated Dec 31, 2025
Search Tags:#accessibility#design systems#prototyping#ux design#information architecture#wireframes
One-click install
npx skills add https://github.com/tomas-u/claude-skills --skill ux-tomas-u
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux
Source: https://github.com/tomas-u/claude-skills/tree/main/ux
Command: npx skills add https://github.com/tomas-u/claude-skills --skill ux-tomas-u

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UX design work can be time-consuming and inconsistent without a clear framework. This Skill provides structured guidance to plan, design, and validate user interfaces across web and mobile platforms.

Core Features & Use Cases

  • Information architecture planning and user research scoping
  • Wireframes, mockups, and interactive prototypes across iOS/Android and web
  • Design systems and component library guidance, plus accessibility considerations
  • Usability testing planning and validation support
  • Collaborative design reviews and documentation

Quick Start

Design a responsive login screen flow for web and mobile with accessibility considerations.

Frequently Asked Questions about ux

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

FAQPage Schema
How do I plan information architecture for a responsive web application?▼

To design an accessible login screen flow, map wireframes across iOS, Android, and responsive web while integrating accessibility considerations. Structured guidance helps validate interactive prototypes and ensures usability testing covers multi-platform interface interactions.

Can I use this for mobile app prototyping and usability testing?▼

Yes, this supports mobile app prototyping and usability testing across iOS and Android platforms. It provides structured guidance for planning validation tests and designing interactive mockups to evaluate user interface interactions effectively.

Do I need external design systems or dependencies to wireframe interfaces?▼

No external dependencies or design systems are required to wireframe interfaces. The guidance operates standalone using internal metadata to load context, though it can optionally reference existing assets directories if present in your workflow.

What is the best way to structure user research scoping for UX design?▼

The best way to structure user research scoping is to apply a consistent framework for early research and information architecture. This ensures web and mobile interface planning remains structured, validating user needs before moving into wireframe and prototype creation.

Does this UX design guidance include accessibility considerations for mobile interfaces?▼

Yes, accessibility considerations are explicitly included for mobile interfaces. The structured guidance integrates accessibility checks directly into the wireframing and prototyping phases across iOS, Android, and responsive web platforms.

Related Skills

Explore More Design & Creative Skills→
sebmartinsebmartin
4

Technology Advisor Skill

Analyze technology choices and deliver structured recommendations for architectures and tooling.

Community
Basic
pillippillip
11

uiux

Generates UI/UX design system, wireframes, and HTML prototype from kickoff outputs.

Community
Advanced
code-vibe-academycode-vibe-academy
2

designer-ui

Generate Atoms, Molecules, and high-fidelity mockups from wireframes using Atomic Design.

Official
Advanced
jeffwweeejeffwweee

ui-designer

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

Community
Intermediate