skills.rest
nilecui
nilecuiCOMMUNITY
Explore all skills by this author →
GitHub

ux-designer

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

27|10|Updated Dec 27, 2025
Search Tags:#accessibility#responsive design#design system#wireframing#ux design#user flow
One-click install
npx skills add https://github.com/nilecui/SkillsBase --skill ux-designer-nilecui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/nilecui/SkillsBase/tree/main/.cursor/skills/ux-designer
Command: npx skills add https://github.com/nilecui/SkillsBase --skill ux-designer-nilecui

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill tackles the challenge of designing user interfaces that are not only visually appealing but also highly usable, accessible, and aligned with user needs and business goals.

Core Features & Use Cases

  • Wireframing & User Flows: Create visual blueprints and map user journeys.
  • Accessibility Compliance: Ensure designs meet WCAG 2.1 AA standards.
  • Design System Integration: Apply and document design tokens for consistency.
  • Use Case: Design a new user registration flow, ensuring it's intuitive on mobile, accessible via keyboard, and clearly documented for developers.

Quick Start

Use the ux designer skill to create a wireframe for a user login screen.

Frequently Asked Questions about ux-designer

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

FAQPage Schema
How do I create a user flow and wireframe for a new feature?▼

To create a user flow and wireframe, map the user journey steps and translate them into visual blueprints. This process defines the user experience structure, ensuring intuitive navigation and layout planning for your feature.

How do I ensure my UI design meets WCAG 2.1 AA accessibility standards?▼

To ensure UI accessibility compliance, evaluate your design against WCAG 2.1 AA standards, focusing on keyboard navigation, screen reader compatibility, and visual contrast. This guarantees your user experience is usable for people with disabilities.

What is the best way to document design tokens for developer handoff?▼

The best way to document design tokens for developer handoff is to apply design system specifications and documentation best practices. This clearly defines component properties and ensures consistent implementation across responsive layouts.

Can I use this approach to design a responsive user registration flow for mobile?▼

Yes, you can design a responsive user registration flow optimized for mobile by applying user-centered design principles. This ensures the interface adapts seamlessly across screen sizes while maintaining intuitive user flows.

Does this design process integrate with an existing design system?▼

Yes, the design process requires adherence to existing design systems by applying and documenting design tokens. This integration ensures visual consistency and component reusability throughout the user experience planning phase.

When should I not use wireframing in the product development lifecycle?▼

Wireframing should be bypassed during active development or post-launch optimization phases. This approach applies specifically to the planning and solutioning phases of product development, focusing on user-centered design before implementation begins.

Related Skills

Explore More Design & Creative Skills→
tiweentiween

wds-2-trigger-mapping

Create a Trigger Map aligning business goals with user psychology.

Official
Advanced
williamzujkowskiwilliamzujkowski
6

UX Wireframe Designer

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

Community
Advanced
HsienWHsienW
63

frontend-ui-engineering

Develop React and TypeScript UI components with responsive layouts and state management.

Community
Advanced
tiantangcao1980-webtiantangcao1980-web
4

bootstrap

Create responsive interfaces with Bootstrap 5 components and Sass theming.

Community
Intermediate