aiox-ux-design-expert

Orchestrate UX design workflows with atomic components and WCAG compliance.

Updated May 27, 2026

Search Tags:#accessibility #ux #design-system #ui-components #design-tokens #atomic-design

Ready to run

npx skills add https://github.com/bychrisr/now-company --skill aiox-ux-design-expert-bychrisr

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: aiox-ux-design-expert
Source: https://github.com/bychrisr/now-company/tree/main/.claude/skills/AIOX/agents/ux-design-expert
Command: npx skills add https://github.com/bychrisr/now-company --skill aiox-ux-design-expert-bychrisr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This skill addresses the fragmentation between user research, design system maintenance, and component implementation, ensuring that design decisions are both user-centric and data-driven.

Core Features & Use Cases

Atomic Design Workflow: Orchestrates the entire design lifecycle from atoms and molecules to full page templates.
Design System Audit: Scans existing codebases to identify redundant UI patterns and calculates ROI for consolidation.
Use Case: A team struggling with inconsistent UI components can use this skill to audit their codebase, extract design tokens, and build a standardized, accessible component library.

Quick Start

Activate the ux-design-expert skill to begin a comprehensive design audit of your current project directory.

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 audit an existing codebase for redundant UI components?▼

To audit a codebase for redundant UI components, use a design system audit to scan existing patterns and calculate the ROI for consolidation. This identifies redundant UI patterns and extracts design tokens for standardization.

What is the best way to build a scalable frontend architecture using atomic design?▼

Building a scalable frontend architecture with atomic design involves orchestrating the entire design lifecycle from atoms and molecules to full page templates. This ensures metric-driven design consolidation and standardized component building.

How do I extract design tokens to ensure WCAG accessibility compliance?▼

Extracting design tokens for WCAG accessibility compliance involves auditing UI patterns and consolidating them into a standardized library. This workflow ensures design decisions satisfy accessibility requirements and remain scalable.

Can I use this UX design workflow for brownfield codebase refactoring?▼

Yes, you can use this UX design workflow for brownfield codebase refactoring. It applies to both greenfield projects and existing codebases, orchestrating pattern auditing and component building to consolidate fragmented UI.

Why does user research need to be integrated with design system maintenance?▼

User research needs integration with design system maintenance to resolve fragmentation between research and implementation. This ensures that design decisions remain both user-centric and data-driven throughout the component lifecycle.

When do I need to consolidate inconsistent UI components into a design system?▼

You need to consolidate inconsistent UI components into a design system when facing UI fragmentation and inconsistent patterns. A design system audit scans the codebase, extracts tokens, and builds a standardized, accessible component library.