aiox-ux-design-expert

Translate user research into wireframes, tokens, and reusable UI components.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/freitassph/aiox-core --skill aiox-ux-design-expert-freitassph
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aiox-ux-design-expert
Source: https://github.com/freitassph/aiox-core/tree/main/.codex/skills/aiox-ux-design-expert
Command: npx skills add https://github.com/freitassph/aiox-core --skill aiox-ux-design-expert-freitassph

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Solves the time-consuming, fragmented process of turning user needs into a consistent UX/UI design system, including research, wireframes, tokens, components, and quality assurance.

Core Features & Use Cases

  • Complete UX/UI Design Workflow: Runs a structured path from user research through wireframes and into systemized UI.
  • Design System Architecture: Defines patterns, components, and token strategy to keep product UI consistent.
  • Token Extraction & Component Building: Converts design decisions into reusable building blocks for scalable implementation.
  • Quality Assurance for System Consistency: Validates the resulting system quality and adherence to the declared approach.

Quick Start

Ask it to create an end-to-end UX/UI design system for your product, including user research summaries, initial wireframes, token extraction, component specs, and a QA checklist.

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 build a complete UX/UI design system from user research?▼

Token extraction in UI design converts design decisions into reusable building blocks for scalable implementation. It creates a token strategy that defines visual patterns to keep the product UI consistent across components and screens.

How do I turn user research into wireframes and reusable components?▼

Building a complete UX/UI design system involves translating user research into consistent wireframes, design tokens, and reusable components. This requires a structured workflow spanning discovery, system architecture, and implementation-ready artifacts to ensure product UI consistency.

What is token extraction in UI design and when do I need it?▼

Token extraction in UI design converts design decisions into reusable building blocks for scalable implementation. It creates a token strategy that defines visual patterns to keep the product UI consistent across components and screens.

How do I turn user research into wireframes and reusable components?▼

Turning user research into wireframes requires running a structured path from discovery summaries into systemized UI. This process generates initial wireframes, extracts design tokens, and produces component specifications for UI teams.

Does quality assurance validate design system consistency?▼

Yes, quality assurance validates the resulting UX/UI design system quality and adherence to the declared approach. It checks the consistency of patterns, components, and token strategy against the initial design architecture.

What do I need to start an end-to-end UX/UI design workflow?▼

A design system workflow requires a full path across user discovery, system architecture, and implementation-ready artifacts. You need user research summaries to define patterns and generate initial wireframes, tokens, and component specs.