Skills
.Work. You
Rest

ui-ux-system-pro

Community

Build comprehensive design systems with rationale and best practices.

Design & Creative#typography#design system#color palette#ux design#ui design
Authortruongnat
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of creating comprehensive design systems from scratch, providing data-driven color palettes, typography, UX guidelines, and chart types, ensuring accessibility and best practices are followed.

Core Features & Use Cases

  • Design System Creation: Build complete design systems with tokens, component libraries, and rationale.
  • Style Guides: Generate style guides for teams with color palettes, typography scales, and spacing systems.
  • Accessibility: Ensure color systems and UX guidelines are accessible and compliant.
  • Use Case: A product manager working on a SaaS dashboard can use this Skill to create a complete design system with accessible color palettes, typography, and UX guidelines.

Quick Start

Use the ui-ux-system-pro skill to create a design system for your product.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-ux-system-pro
Download link: https://github.com/truongnat/aix/archive/main.zip#ui-ux-system-pro

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.