skills.rest
SynkraAI
SynkraAIOFFICIAL
Explore all skills by this author →
GitHub

aios-ux-design-expert

Facilitate UX/UI design workflows from user research to design system architecture.

3.1k|939|Updated Dec 9, 2025
Search Tags:#design systems#user research#wireframing#ux design#ui design#component development
One-click install
npx skills add https://github.com/SynkraAI/aios-core --skill aios-ux-design-expert
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aios-ux-design-expert
Source: https://github.com/SynkraAI/aios-core/tree/main/.codex/skills/aios-ux-design-expert
Command: npx skills add https://github.com/SynkraAI/aios-core --skill aios-ux-design-expert

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the entire UX/UI design process, from initial user research to the final implementation of design systems and components, ensuring a cohesive and high-quality user experience.

Core Features & Use Cases

  • User Research & Wireframing: Conduct user studies and create foundational wireframes.
  • Design System Architecture: Build and manage comprehensive design systems.
  • Token Extraction & Component Building: Extract design tokens and develop reusable UI components.
  • Quality Assurance: Ensure design consistency and adherence to standards.

Quick Start

Activate the UX/UI Designer agent and ask it to generate a wireframe for a new user profile page.

Frequently Asked Questions about aios-ux-design-expert

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

FAQPage Schema
How do I build a design system from scratch?▼

Building a design system from scratch involves establishing a cohesive architecture through token extraction, component development, and quality assurance to ensure UI consistency and high-quality user experience across your product.

What is the process for extracting design tokens and developing UI components?▼

Extracting design tokens involves identifying and isolating visual style variables to develop reusable UI components. This ensures design system consistency and maintains strict adherence to quality assurance standards during component development.

Can I use this to conduct user research and generate wireframes?▼

Yes, you can conduct user research and generate wireframes. The system facilitates foundational user studies and wireframe creation by adopting a specialized agent persona to streamline the end-to-end UX/UI design process.

Does UX design system architecture work for managing reusable components?▼

Yes, UX design system architecture specifically manages reusable components by building a comprehensive system framework. It ensures design consistency and adherence to standards through dedicated quality assurance workflows.

What's the best way to ensure design consistency and quality assurance across a UI?▼

The best way to ensure design consistency and quality assurance across a UI is to implement a comprehensive design system architecture that governs component development and token extraction through standardized workflows.

How do I start wireframing a new user profile page?▼

To start wireframing a new user profile page, activate the specialized UX/UI designer agent persona and request a wireframe generation. This initiates the workflow defined in the system's source truth documents.

Related Skills

Explore More Design & Creative Skills→
Davie521Davie521
7

teach-impeccable

Scan a codebase and write design context to .impeccable.md.

Community
Advanced
eysenfalkeysenfalk

frontend-ui-ux

Transforms design briefs into accessible, reusable UI components with tokens and layouts.

Community
Advanced
brianiumbrianium

tsain

Drive REPL-based Clojure UI component development with alias-based workflows.

Community
Intermediate
SynkraAISynkraAI
3.1k

aiox-ux-design-expert

Conduct user research, wireframing, and design system architecture for digital products.

Official
Advanced