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.