skills.rest
pipixia-labs
pipixia-labsOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates complete UI design systems from conversational prompts.

38|3|Updated Apr 8, 2026
Search Tags:#typography#design#ui#accessibility#color#ux#design-system
One-click install
npx skills add https://github.com/pipixia-labs/creative-claw --skill ui-ux-pro-max-pipixia-labs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/pipixia-labs/creative-claw/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/pipixia-labs/creative-claw --skill ui-ux-pro-max-pipixia-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This design intelligence automates the creation of scalable UI design systems, reducing manual effort and design debt across projects.

Core Features & Use Cases

  • 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks for rapid systemization.
  • Searchable, priority-based recommendations across domains like style, color, typography, landing, product, and UX.
  • Iterative, conversation-driven design refinement with Master + Overrides persistence to scale across pages and products.

Quick Start

Generate a complete UI design system for a SaaS dashboard including colors, typography, components, and accessibility guidelines.

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 complete UI design system from a conversational prompt?▼

You can generate a UI design system by providing a conversational prompt describing your project, which produces consolidated colors, typography, components, and accessibility guidelines for web and mobile applications.

Can I scale a generated design system across multiple pages and products?▼

Yes, design systems scale across pages and products using a Master + Overrides persistence workflow, allowing iterative, conversation-driven design refinement while maintaining a consistent base design language.

How does this approach handle accessibility and design tokens?▼

Accessibility is integrated directly into the generated design language, satisfying multi-domain data integration and producing implementation-ready design tokens output across 13 different technology stacks.

What style and color options are available for building a design language?▼

The system provides searchable, priority-based recommendations across 67 styles, 96 color palettes, and 57 font pairings, enabling rapid systemization for landing pages, products, and UX guidelines.

Does it work for both web and mobile projects?▼

Yes, the generated design systems apply to both web and mobile projects, offering multi-domain searches, style guidance, and implementation-ready output across 13 technology stacks.

What's the best way to refine a generated UI design system?▼

The best way to refine a UI design system is through iterative, conversation-driven prompts, applying Master + Overrides persistence to adjust specific components while preserving the core scalable design language.

Related Skills

Explore More Design & Creative Skills→
ibnuhalimmibnuhalimm

Architect

Gather project context and produce a detailed architecture plan.

Community
Advanced
omeraltnomeraltn

agency-ui-designer

Create design tokens, component specs, and WCAG AA accessibility guidance.

Community
Advanced
OpenCovenOpenCoven
20

dataviz-dashboard-ux

Guide chart type selection and dashboard design for accessible React visualizations.

Official
Advanced
Sir-chawakornSir-chawakorn
9

implement-from-design

Translate Figma designs into React and Tailwind CSS components with visual-diff verification.

Community
Advanced