skills.rest
ivegamsft
ivegamsftCOMMUNITY
Explore all skills by this author →
GitHub

ux

Provide UX design templates and checklists for journey mapping, wireframing, and accessibility auditing.

Updated Mar 16, 2026
Search Tags:#templates#accessibility#wireframing#user experience#ux design
One-click install
npx skills add https://github.com/ivegamsft/work-tracker --skill ux-ivegamsft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux
Source: https://github.com/ivegamsft/work-tracker/tree/main/.agents/skills/ux
Command: npx skills add https://github.com/ivegamsft/work-tracker --skill ux-ivegamsft

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides tools and templates to streamline the user experience (UX) design process, making it easier to design, map, and audit interfaces.

Core Features & Use Cases

  • Journey Mapping: Offers a user journey mapping template to visualize end-to-end user experiences.
  • Wireframe Spec: Provides a wireframe specification template for detailed UI design documentation.
  • Component Spec: Supplies a component design specification template for reusable UI components.
  • Accessibility Audit: Includes an accessibility audit checklist for ensuring WCAG 2.1 AA compliance.
  • Use Case: Design a new feature's UI and ensure accessibility compliance using the provided templates and checklists.

Quick Start

Use the ux skill to generate a user journey map for the feature 'new-user-onboarding'.

Frequently Asked Questions about ux

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

FAQPage Schema
How do I create a user journey map for new user onboarding?▼

A user journey map visualizes the end-to-end user experience for a specific feature. Using a journey mapping template, you can document touchpoints and emotions for flows like new-user-onboarding to identify pain points.

What is the best way to document wireframe specifications for UI design?▼

The best way to document wireframes is using a dedicated wireframe specification template. This ensures detailed UI design documentation is structured consistently for development handoff and design review.

Can I audit my interface for WCAG 2.1 AA accessibility compliance?▼

Yes, you can audit interface accessibility by running through an accessibility audit checklist. This ensures your UI components and interactions meet WCAG 2.1 AA compliance standards during the design phase.

How do I specify reusable UI components for a design system?▼

To specify reusable UI components, use a component design specification template. This documents the properties, states, and behaviors of UI elements to maintain consistency across your user interface.

Do I need prior UX design experience to use these templates?▼

These templates are designed for UX designers to streamline creating and reviewing interfaces. While they provide structured standards for journey mapping and auditing, foundational UX knowledge is needed to apply them effectively.

Related Skills

Explore More Design & Creative Skills→
viralcodeviralcode
61

ux-researcher-designer

Generates data-driven user personas and maps user journeys from research data.

Community
Advanced
lucaspedrozaemlucaspedrozaem
1

prototype

Create clickable wireframe prototypes to validate SaaS feature concepts.

Community
Intermediate
jeffwweeejeffwweee

ui-designer

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

Community
Intermediate
smithisrealdevsmithisrealdev

product-designer

Creates UX/UI deliverables including wireframes, prototypes, and design systems.

Community
Advanced