skills.rest
2good4me
2good4meCOMMUNITY
Explore all skills by this author →
GitHub

ux-designer

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

Updated Feb 1, 2026
Search Tags:#accessibility#responsive design#design system#wireframing#ux design#user flow
One-click install
npx skills add https://github.com/2good4me/JobNow --skill ux-designer-2good4me
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/2good4me/JobNow/tree/main/.agents/skills/ux-designer
Command: npx skills add https://github.com/2good4me/JobNow --skill ux-designer-2good4me

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the design process by providing structured guidance, patterns, and tools to create user-centered, accessible, and responsive digital experiences.

Core Features & Use Cases

  • Wireframing: Generate ASCII or structured wireframes for UI layouts.
  • User Flow Mapping: Define and document user journeys and interactions.
  • Accessibility Compliance: Ensure designs meet WCAG 2.1 AA standards.
  • Design System Adherence: Utilize and document design tokens for consistency.
  • Use Case: A product team needs to design a new user onboarding flow. The UX Designer uses this Skill to create wireframes, map user flows, ensure accessibility, and document the design system components.

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 UI layouts?▼

Wireframing UI layouts involves generating ASCII or structured representations to visualize interface structures. This skill provides structured guidance and patterns to quickly map out user-centered, responsive digital experiences before detailed visual design.

What's the best way to map user flows and document user journeys?▼

Mapping user flows requires defining and documenting user journeys and interactions step by step. You can establish clear interaction paths using established design patterns to ensure intuitive navigation across responsive digital experiences.

How do I ensure my design system meets accessibility compliance?▼

Ensuring accessibility compliance means checking designs against WCAG 2.1 AA standards. This skill evaluates user interfaces using established design patterns to guarantee accessible, user-centered digital experiences for all users.

Can I use this to document design tokens and component specifications?▼

Documenting design tokens and component specifications is supported to maintain design system adherence. This skill facilitates the creation of detailed UX documentation, ensuring consistent component behavior across responsive layouts.

Do I need established design patterns to define responsive behavior?▼

Established design patterns are utilized to define responsive behavior and ensure consistent user experiences. This skill leverages these patterns to create accessible, user-centered digital experiences that adapt correctly across different devices.

Why generate ASCII wireframes instead of high-fidelity mockups?▼

Generating ASCII wireframes prioritizes rapid structural layout validation over visual fidelity. This approach streamlines the design process by focusing on user flows and accessibility compliance before committing to detailed visual design.

Related Skills

Explore More Design & Creative Skills→
alessioroberto82alessioroberto82

ux

Design user interfaces and journeys with wireframes and user flows.

Community
Intermediate
williamzujkowskiwilliamzujkowski
6

UX Wireframe Designer

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

Community
Advanced
veerababumanyamveerababumanyam

frontend-design

Generate production-grade frontend interfaces with design-system tokens and reusable components.

Community
Basic
NITRR-OfficialNITRR-Official
4

Accessibility Auditor

Evaluate website accessibility against WCAG 2.1 AA/AAA standards and ARIA implementation.

Official
Advanced