ux-designer

Create wireframes, user flows, and WCAG 2.1 AA-compliant design system documentation.

16|3|Updated Jul 4, 2025

Search Tags:#accessibility #WCAG #ux-design #design-system #wireframe #user-flow

One-click install

npx skills add https://github.com/TomatoDroid/tanstack-start-admin-dashboard --skill ux-designer-tomatodroid

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/TomatoDroid/tanstack-start-admin-dashboard/tree/main/.cursor/skills/ux-designer
Command: npx skills add https://github.com/TomatoDroid/tanstack-start-admin-dashboard --skill ux-designer-tomatodroid

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps teams design user experiences that are intuitive and accessible, providing structured methods for wireframes, user flows, and design system documentation to accelerate product delivery while ensuring WCAG 2.1 AA compliance.

Core Features & Use Cases

Wireframes & Layouts: Create ASCII or structured wireframes to quickly validate layouts.
User Flows & Journeys: Map user journeys and decision points to minimize friction.
Accessibility & Design System: Document WCAG 2.1 AA-compliant components and tokens for cohesive design.
Developer Handoff: Produce component specifications, tokens, and accessibility notes for implementation.

Quick Start

Create a wireframe and user flow for a new onboarding screen using the UX design templates and reference guides.