skills.rest
papachong
papachongCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Assemble a UI/UX design system with colors, typography, and patterns.

2|Updated Apr 4, 2026
Search Tags:#ui#implementation#components#tokens#ux#design-system
One-click install
npx skills add https://github.com/papachong/RHClaw --skill ui-ux-pro-max-papachong
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/papachong/RHClaw/tree/main/RHClaw-Desktop/src-tauri/skills/ui-ux-pro-max
Command: npx skills add https://github.com/papachong/RHClaw --skill ui-ux-pro-max-papachong

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill bundles intelligent UI/UX design guidance and implementation plans to accelerate delivering polished interfaces across web and mobile platforms.

Core Features & Use Cases

  • Multi-domain UI/UX design synthesis: product, style, color, typography, and pattern domains are analyzed to produce a cohesive design system.
  • Tokenized design system output: colors, typography, spacing, components, and patterns are generated with actionable guidelines ready for code.
  • Implementation plan: generates code-ready guidelines, accessibility considerations, and a step-by-step path to integrate the design system into a project.

Quick Start

Provide a brief project description and target platform to generate a complete UI/UX design system and actionable implementation plan.

Frequently Asked Questions about ui-ux-pro-max

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

FAQPage Schema
How do I generate a design system with colors, typography, and tokens for my project?▼

To generate a design system, provide a brief project description and target platform. The Skill analyzes style, color, typography, and pattern domains to deliver a tokenized design system with components and guidelines ready for code integration.

What does a UI/UX implementation plan include for web and mobile platforms?▼

A UI/UX implementation plan includes code-ready guidelines, accessibility considerations, and a step-by-step path to integrate the design system into web and mobile projects. It delivers structured patterns and tokenized styles for direct development use.

Can I get design tokens and component patterns tailored to my specific project context?▼

Yes, you can get tailored design tokens and component patterns. The Skill applies reasoning across multiple domains to match your specific project context, delivering tokenized colors, typography, spacing, and patterns suitable for integration.

What's the best way to create a cohesive UI style across different product domains?▼

The best way to create a cohesive UI style is through multi-domain synthesis. The Skill analyzes product, style, color, typography, and pattern domains together to produce a unified design system with actionable guidelines.

Related Skills

Explore More Design & Creative Skills→
CraigtutCraigtut
1

doc-explorer

Load foundational Animus docs and explore topic-specific project documentation.

Community
Intermediate
pontschopontscho
1

p:css-guidelines

Centralizes CSS conventions with tokens, naming rules, and modular patterns for frontend projects.

Community
Advanced
Cao-RCao-R

frontend-design

Transform UI style requirements into React and TypeScript code using design tokens.

Community
Advanced
lukebazelukebaze

ui-ux-pro-max

Generate structured UI/UX design systems for web and mobile products.

Community
Advanced