skills.rest
shinnytech
shinnytechOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ux-designer

Design user experiences with wireframes, user flows, and WCAG 2.1 AA compliance.

Updated Jan 13, 2026
Search Tags:#accessibility#responsive design#design system#wireframing#ux design#user flow
One-click install
npx skills add https://github.com/shinnytech/caiwenqiang-member-rank --skill ux-designer-shinnytech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/shinnytech/caiwenqiang-member-rank/tree/main/.cursor/skills/ux-designer
Command: npx skills add https://github.com/shinnytech/caiwenqiang-member-rank --skill ux-designer-shinnytech

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill tackles the challenge of creating user-friendly, accessible, and visually appealing digital interfaces by providing expert guidance on UX principles, design patterns, and best practices.

Core Features & Use Cases

  • Wireframing & User Flows: Design screen layouts and map user journeys.
  • Accessibility Compliance: Ensure adherence to WCAG 2.1 AA standards.
  • Design System Implementation: Define and apply consistent visual tokens.
  • Use Case: A product team needs to design a new user onboarding flow. This Skill can generate wireframes, define the user journey, and ensure the design is accessible and follows the company's design system.

Quick Start

Use the ux-designer skill to create a wireframe for a user registration form.

Frequently Asked Questions about ux-designer

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

FAQPage Schema
How do I create wireframes for a mobile-first user registration flow?▼

To create wireframes for a user registration flow, this tool designs screen layouts and maps user journeys using established UX principles. It generates mobile-first, responsive design layouts aligned with your design system tokens.

How do I ensure my digital interface meets WCAG 2.1 AA accessibility standards?▼

To ensure your interface meets WCAG 2.1 AA accessibility standards, this tool checks compliance using established UX principles and design patterns. It validates your user experience designs against standard accessibility requirements.

What is the best way to define user flows using established UX design patterns?▼

The best way to define user flows is by mapping user journeys with detailed user flow diagrams. This process leverages established UX principles and design patterns to structure intuitive and accessible digital experiences.

Can I apply existing design system tokens when generating component specifications?▼

Yes, you can apply existing design system tokens when generating detailed component specifications. This ensures consistent visual implementation across your wireframes and user experience designs.

Does this approach support responsive design for mobile and desktop screen layouts?▼

Yes, this approach fully supports responsive design for mobile and desktop screen layouts. It adheres to mobile-first principles and applies established UX patterns to ensure accessible interfaces across all devices.

Related Skills

Explore More Design & Creative Skills→
IwatsukaYuraIwatsukaYura

frontend-design

Define and enforce a cohesive visual system for frontend interfaces.

Community
Advanced
williamzujkowskiwilliamzujkowski
6

UX Wireframe Designer

Convert user stories into wireframes, user flows, and Mermaid diagrams.

Community
Advanced
crgarcia12crgarcia12

ui-ux-design

Generate interactive HTML/CSS/JS wireframe prototypes from approved FRDs.

Community
Advanced
micserrmicserr

toge:prd-gap-analyzer

Generate UX screen specs from PRDs using Python and Markdown analysis.

Community
Advanced