skills.rest
fabioaap
fabioaapCOMMUNITY
Explore all skills by this author →
GitHub

aiox-ux-design-expert

Coordinate end-to-end UX design workflows from research through QA.

Updated Aug 27, 2026
Search Tags:#qa#wireframes#ux#design-system#user-research#design-workflow#component-building
One-click install
npx skills add https://github.com/fabioaap/Prototipacao-Adsmagic --skill aiox-ux-design-expert-fabioaap
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aiox-ux-design-expert
Source: https://github.com/fabioaap/Prototipacao-Adsmagic/tree/main/.codex/skills/aiox-ux-design-expert
Command: npx skills add https://github.com/fabioaap/Prototipacao-Adsmagic --skill aiox-ux-design-expert-fabioaap

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill coordinates a complete UX design workflow across research, wireframes, token extraction, design systems, component building, and quality assurance to accelerate product discovery and delivery.

Core Features & Use Cases

  • End-to-end design workflow including research, wireframing, system design, token extraction, component building, and QA.
  • Design system architecting: extract tokens, establish components, and enforce design consistency across products.
  • Rapid prototyping and handoff: translate research insights into tangible artifacts for engineers and stakeholders.

Quick Start

Initiate a full UX project by conducting research, outlining wireframes, building a design system, extracting tokens, assembling components, and validating with QA.

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 manage an end-to-end UX design workflow from research to component handoff?▼

An end-to-end UX design workflow connects user research, wireframes, token extraction, component building, and QA into a single coordinated process. This ensures deterministic progression from product discovery to tangible artifacts for engineering handoff.

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

Design token extraction isolates visual variables like color and spacing from wireframes to establish a consistent design system. This tokenization process enforces visual alignment across products before component assembly begins.

Can I execute UX wireframing and system design without prior design system dependencies?▼

Yes, you can generate wireframes and architect a design system from scratch without external dependencies. The workflow handles token extraction and component establishment internally to build the system foundation.

What is the best way to validate UX components and ensure design consistency before delivery?▼

The best way to validate UX components is applying quality assurance criteria against the established design system. This QA step checks alignment with tokenization rules and system standards before engineering handoff.

How does persona-driven workflow validation improve product design campaigns?▼

Persona-driven workflows validate design campaigns by enforcing deterministic activation protocols and specific QA criteria. This ensures research, prototyping, and component building align with designer requirements across multiple projects.

Related Skills

Explore More Design & Creative Skills→
Productfculty-aipmProductfculty-aipm
70

journey-mapping

Map end-to-end user journeys with touchpoints, emotions, and friction points.

Community
Advanced
datamonsterrdatamonsterr

ui-design-system

Generate design tokens, typography scales, spacing rules, and breakpoints.

Community
Intermediate
dy9759dy9759
1

architecture

Orchestrate end-to-end system architecture design and implementation guidance.

Community
Advanced
voidrotvoidrot

design-system-patterns

Guide tokenization, theming architecture, and component architecture for design systems.

Community
Advanced