skills.rest
tgautier
tgautierCOMMUNITY
Explore all skills by this author →
Website𝕏@_tgautierGitHub

ux-design

Architect scalable design systems with token architecture and ARIA patterns.

2|1|Updated Jun 30, 2019
Search Tags:#design#theming#accessibility#react#tokens#ux#design-systems
One-click install
npx skills add https://github.com/tgautier/dotfiles --skill ux-design-tgautier
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/tgautier/dotfiles/tree/main/claude/skills/ux-design
Command: npx skills add https://github.com/tgautier/dotfiles --skill ux-design-tgautier

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design system engineering guidance and UX patterns to accelerate production-quality interfaces while ensuring consistency, accessibility, and theming across platforms.

Core Features & Use Cases

  • Token architecture, visual hierarchy, component API design, motion/animation, and ARIA patterns for production apps.
  • Use cases include building scalable design systems, auditing consistency across components, and implementing accessible, responsive UI patterns.

Quick Start

Start by auditing your current design tokens and establish a scalable token architecture for your design system.

Frequently Asked Questions about ux-design

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

FAQPage Schema
How do I architect scalable design tokens for a production design system?▼

Architect scalable design tokens by auditing current visual hierarchy and structuring token management for theming. This establishes a unified repository addressing responsive design and accessibility pattern requirements across web and mobile interfaces.

What is the best way to implement ARIA patterns and accessibility in React component APIs?▼

Implement ARIA patterns and accessibility by defining structured component APIs within your design system. This ensures consistent accessible UX and responsive UI patterns across production applications without compromising visual hierarchy.

How do I audit design system consistency across web and mobile interfaces?▼

Audit design system consistency by reviewing token architecture, visual hierarchy, and component APIs against documentation standards. This identifies gaps in theming, motion design, and accessibility patterns across platforms.

Can I use a unified design system repository for both theming and motion design?▼

Yes, a unified design system repository supports both theming and motion design. It integrates token architecture, visual hierarchy, and ARIA patterns to maintain accessible, responsive UI patterns across web and mobile interfaces.

When do I need to establish documentation standards for my design system?▼

Establish documentation standards when scaling token architecture, theming, and component APIs across production apps. This ensures consistent implementation of accessibility patterns, motion design, and responsive design across web and mobile interfaces.

Related Skills

Explore More Design & Creative Skills→
Integrum-GlobalIntegrum-Global
12

uiux-design-principles

Apply framework-agnostic UI/UX design principles to frontend layouts and audits.

Official
Advanced
bipinksbipinks
3

design-systems

Create token-based design systems with CSS variables and theming.

Community
Advanced
hasnahasna

shadcn

Integrates reusable UI components into your Tailwind and React projects via the managed screen reader.

Official
Intermediate
hopeoverturehopeoverture
6

ui-library-usage-auditor

Audit shadcn/ui component usage for accessibility and design-system conformance.

Community
Advanced