skills.rest
XhstormR
XhstormRCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Aggregate and rank UI/UX design guidelines from a multi-domain corpus.

Updated Aug 28, 2021
Search Tags:#typography#accessibility#patterns#ui-ux#design-system#color-palette
One-click install
npx skills add https://github.com/XhstormR/dotfiles --skill ui-ux-pro-max-xhstormr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/XhstormR/dotfiles/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/XhstormR/dotfiles --skill ui-ux-pro-max-xhstormr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Design teams need a centralized, searchable UI/UX design guide that aggregates styles, palettes, typography, and guidelines across stacks to accelerate planning and implementation.

Core Features & Use Cases

  • Comprehensive design system: 67 styles, 96 palettes, 57 font pairings, 25 chart types, across 13 tech stacks.
  • Quick-start design systems: generate patterns, color, typography, and component guidance with prioritized recommendations.
  • Use cases include website, dashboard, admin panel, marketing pages, and mobile apps.

Quick Start

Run the design system generator with a suitable UI/UX query and review the resulting design system.

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/UX design system for a dashboard?▼

To generate a UI/UX design system for a dashboard, submit a query to aggregate ranked guidelines, yielding ready-to-use patterns, color palettes, typography, and component guidance.

What is included in a generated design system for mobile apps?▼

A generated design system for mobile apps includes structured patterns, color palettes, typography pairings, and component guidance with prioritized recommendations for immediate implementation.

Can I use this to find typography and color palette recommendations for websites?▼

Yes, you can query the system to receive prioritized typography and color palette recommendations, drawing from 96 palettes and 57 font pairings tailored for website design.

Does the UI/UX design system generator support marketing pages?▼

Yes, the design system generator supports marketing pages by aggregating multi-domain UI/UX guidelines to deliver execution-ready rules and component guidance for that specific context.

What is the best way to refactor an existing admin panel design system?▼

The best way to refactor an admin panel design system is to query the generator for prioritized recommendations, applying structured patterns and execution-ready rules to optimize your existing components.

How many tech stacks and styles are available for UI/UX design guidance?▼

The UI/UX design guidance covers 13 tech stacks, featuring 67 styles and 25 chart types to provide comprehensive, multi-domain design system generation.

Related Skills

Explore More Design & Creative Skills→
nuoyanruoshuinuoyanruoshui
47

ux-review

Validate UX specifications, HUD designs, and interaction patterns for completeness and accessibility.

Community
Advanced
Niksh-HiremathNiksh-Hiremath

normalize

Align frontend UI implementations with design-system tokens and guidelines.

Community
Advanced
C-Jay69C-Jay69

frontend-design

Generate accessible React/TypeScript components with design tokens and dark mode.

Community
Advanced
kkn1125kkn1125

ui-ux-pro-max

Provide UI/UX design recommendations for styles, color palettes, typography, layout, and accessibility.

Community
Advanced