skills.rest
ExpeditoJ
ExpeditoJCOMMUNITY
Explore all skills by this author →
GitHub

aiox-ux-design-expert

Automate UX/UI design tasks from research to quality assurance.

Updated Apr 5, 2026
Search Tags:#design#ui#prototyping#quality-assurance#ux#design-systems#token-extraction
One-click install
npx skills add https://github.com/ExpeditoJ/My-aiox --skill aiox-ux-design-expert-expeditoj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aiox-ux-design-expert
Source: https://github.com/ExpeditoJ/My-aiox/tree/main/.codex/skills/aiox-ux-design-expert
Command: npx skills add https://github.com/ExpeditoJ/My-aiox --skill aiox-ux-design-expert-expeditoj

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the entire UX/UI design process, enabling designers to efficiently perform user research, create wireframes, establish design systems, extract tokens, build components, and conduct quality assurance.

Core Features & Use Cases

  • Comprehensive Design Workflow: Supports tasks from initial user research to final quality checks, reducing manual effort and improving consistency.
  • Design System Architecture: Facilitates creation and management of design tokens, reusable components, and style guidelines for scalable UI development.
  • Use Case: A UX designer can rapidly prototype new interface concepts, generate style tokens, and validate designs against accessibility and usability standards, all within an integrated system.

Quick Start

Load the design project and specify the task to generate wireframes or design tokens for a mobile application.

Frequently Asked Questions about aiox-ux-design-expert

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

FAQPage Schema
How do I automate the end-to-end UX design workflow from research to quality assurance?▼

Automating the end-to-end UX design workflow streamlines user research, wireframing, systematization, token management, and quality validation into an integrated process. This reduces manual effort and ensures scalable, accessible user interfaces.

What is design token extraction and how does it fit into design system architecture?▼

Design token extraction is the process of generating reusable style variables for UI components. It fits into design system architecture by facilitating the creation and management of tokens, reusable components, and style guidelines for scalable development.

How do I generate wireframes and design tokens for a mobile application?▼

To generate wireframes and design tokens for a mobile application, load your design project and specify the task. The system rapidly prototypes interface concepts and outputs the corresponding style tokens for the mobile UI components.

Can I validate UI designs against accessibility and usability standards automatically?▼

Yes, you can validate UI designs against accessibility and usability standards automatically using integrated quality validation scripts. This ensures your interfaces meet required compliance checks during the quality assurance phase.

Do I need specific design system management tools to use this UX workflow?▼

Yes, this UX workflow requires design system management tools, token extraction utilities, and quality validation scripts to function properly. These tools support the creation, extraction, and validation of scalable user interfaces.

What is the best way to manage reusable components and style guidelines for scalable UI?▼

The best way to manage reusable components and style guidelines is by establishing a comprehensive design system architecture. This approach facilitates the creation and management of design tokens and components for scalable UI development.

Related Skills

Explore More Design & Creative Skills→
rsts-devrsts-dev
17

Foundation

Detects the technology domain and generates a project foundation document.

Official
Advanced
nicholasgriffintnnicholasgriffintn
2

frontend-design

Design frontend interfaces with typography, color, motion, and layout guidelines.

Community
Intermediate
shawn-sandyshawn-sandy

design-token-extractor

Extract design tokens from images into W3C DTCG JSON, CSS custom properties, SCSS variables, and Tailwind-style utilities.

Community
Advanced
Exia-thdExia-thd

ui-designer

Generate WCAG AA-compliant wireframes, design tokens, and component inventories for digital products.

Community
Advanced