skills.rest
iasiv5
iasiv5COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX guidelines.

1|Updated Mar 10, 2026
Search Tags:#typography#design#ui#reasoning#ux#design-system#color-palette
One-click install
npx skills add https://github.com/iasiv5/skills --skill ui-ux-pro-max-iasiv5
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/iasiv5/skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/iasiv5/skills --skill ui-ux-pro-max-iasiv5

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamline UI/UX decision-making by providing a cohesive design system with 50+ styles, 161 color palettes, 57 font pairings, 161 product-type reasoning rules, 99 UX guidelines, and 25 chart types across 10 stacks to accelerate quality design.

Core Features & Use Cases

  • Pattern, color, typography, and UX guidance generated from product type and context, with reasoning rules and per-page overrides for dashboards, landing pages, admin panels, and mobile apps.
  • Multi-stack support (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS) for consistent design across technologies.
  • Master + Overrides style system persistence (design-system/MASTER.md and per-page files) to enable hierarchical retrieval and re-use.

Quick Start

Provide a SaaS dashboard design brief to generate a complete design system, including a suggested color palette, typography, and component patterns.

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 cohesive design system for a SaaS dashboard?▼

To generate a design system for a SaaS dashboard, provide a brief to receive a complete setup including color palettes, typography pairings, and component patterns. The system applies reasoning rules to produce domain-aware recommendations for product design tasks.

What is the best way to manage per-page overrides in a design system?▼

The best way to manage per-page overrides is using a master and override style persistence feature. This stores a base design-system/MASTER.md file while allowing specific page files to enable hierarchical retrieval and reuse.

How do typography and color palette recommendations work for landing pages?▼

Typography and color palette recommendations for landing pages are generated using a BM25-powered search across product types, styles, and fonts. This matches your context with 161 color palettes and 57 font pairings to accelerate design decisions.

Do I need a specific design brief to get UX guidelines for mobile apps?▼

You need to provide a basic design brief detailing your mobile app context to receive tailored UX guidelines. The system uses 99 UX guidelines and 161 product-type reasoning rules to generate specific interaction and layout recommendations.

Related Skills

Explore More Design & Creative Skills→
jamesrochabrunjamesrochabrun
194

design-brief-generator

Generate Markdown design briefs with defined sections from structured inputs.

Community
Advanced
BellaFairchildBellaFairchild

ui-ux-pro-max

Generate unified design systems across style, color, typography, landing, and product domains.

Community
Advanced
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
SaikeNOSaikeNO

ui-ux-pro-max

Generate UI/UX design systems with BM25 search and reasoning rules.

Community
Advanced