skills.rest
Postalocity
PostalocityOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design systems with styles, palettes, typography, and guidelines.

1|Updated Mar 5, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palettes#component-library
One-click install
npx skills add https://github.com/Postalocity/template-microsite --skill ui-ux-pro-max-postalocity
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Postalocity/template-microsite/tree/main/.opencode/skills/ui-ux-pro-max--ui-ux-pro-max
Command: npx skills add https://github.com/Postalocity/template-microsite --skill ui-ux-pro-max-postalocity

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill solves the problem of inconsistent UI decisions across teams by providing a comprehensive, centralized design system and intelligent guidance to streamline UI/UX decisions for web and mobile applications.

Core Features & Use Cases

  • Comprehensive design system: 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across multiple stacks, enabling rapid design decisions.
  • Design-system generation and governance: generate, review, and apply design tokens, components, and patterns to maintain visual consistency across pages such as landing pages, dashboards, admin panels, e-commerce, and SaaS apps.
  • Page-level overrides and domain-aware rules: create master rules with page-specific deviations to support hierarchical retrieval and scalable design system maintenance.

Quick Start

Run the design-system search script to generate a tailored UI/UX design system for your project.

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 UI/UX design system for my web and mobile project?▼

You can generate a UI/UX design system by running the design-system search script, which produces a tailored master document containing design tokens, component rules, and page-level overrides for your project.

How do I maintain visual consistency across different pages like dashboards and landing pages?▼

Maintain visual consistency by applying a centralized design system with master rules, using page-level overrides and domain-aware rules to support specific deviations for dashboards, admin panels, and e-commerce apps.

Can I use this to select color palettes and typography for my component library?▼

Yes, you can select from 161 color palettes and 57 font pairings to build your component library, applying these design tokens to ensure coherent typography and color usage across your application.

Does this design system support domain-specific UX guidelines and chart types?▼

Yes, the design system includes 99 UX guidelines and 25 chart types across multiple stacks, delivering domain-specific guidance to help you document rules and refine components for specialized product types.

What is the best way to handle page-level overrides in a design system?▼

Handle page-level overrides by creating master rules with page-specific deviations, enabling hierarchical retrieval and scalable design system maintenance without breaking the core design tokens.

Do I need any external dependencies to run the UI/UX design intelligence scripts?▼

No external dependencies are required; the skill operates independently using its internal scripts to generate and govern your comprehensive UI/UX design system and guidelines.

Related Skills

Explore More Design & Creative Skills→
BatsiraiBatsirai

design-consultation

Generates a DESIGN.md design system blueprint for web apps and dashboards.

Community
Advanced
tunacosguntunacosgun

emcn-design-review

Audit UI code against the emcn design system for conformance.

Community
Advanced
first-flukefirst-fluke
218

ui-ux-pro-max

Generates design systems and reviews UI/UX patterns for accessible web and mobile interfaces.

Official
Advanced
aditisharma0204aditisharma0204

creative-director

Define visual direction and create Figma design systems with moodboards, color palettes, and typography tokens.

Community
Advanced