skills.rest
skeletorflet
skeletorfletCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Map design choices to 50+ visual styles and 21 color palettes.

7|1|Updated Mar 28, 2026
Search Tags:#typography#branding#ui-design#design-systems#color-palettes#visual-styles
One-click install
npx skills add https://github.com/skeletorflet/opencode-kit --skill ui-ux-pro-max-skeletorflet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/skeletorflet/opencode-kit/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/skeletorflet/opencode-kit --skill ui-ux-pro-max-skeletorflet

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers need a structured, scalable UI design toolkit to quickly assemble distinctive interfaces without starting from scratch.

Core Features & Use Cases

  • 50+ visual styles to choose from for rapid prototyping and branding consistency
  • 21 color palettes mapped to emotions and industries to guide branding
  • Constraint-based design decision frameworks and anti-cliché rules to ensure originality
  • Use Case: quickly evaluate two design directions for a new product and settle on a cohesive style system
  • Validation: ensure designs remain consistent with brand guidelines and accessibility considerations

Quick Start

Provide a design brief to generate a 50+ style UI system with corresponding color palettes for a new product.

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 create a UI design system with cohesive visual styles?▼

To create a cohesive UI design system, map design choices to concrete options using 50+ visual styles and 21 color palettes. This structured framework enforces anti-cliché rules, ensuring memorable outcomes across web and mobile interfaces.

What is the best way to choose color palettes for branding?▼

The best way to choose color palettes for branding is mapping them to specific emotions and industries. Using a structured design toolkit provides 21 pre-mapped palettes, enabling rapid style selection and ensuring brand consistency.

Can I evaluate multiple design directions for a new product quickly?▼

You can evaluate multiple design directions rapidly by providing a design brief to generate a 50+ style UI system with corresponding color palettes. This allows quick comparison of cohesive style systems for new products.

How do I avoid generic UI design and improve visual originality?▼

Avoid generic UI design by applying constraint-based decision frameworks and anti-cliché rules. These validation workflows guide designers toward memorable outcomes by enforcing originality during style selection and interface mapping.

Does this UI design toolkit work for both web and mobile interfaces?▼

Yes, this UI design toolkit works for both web and mobile interfaces. It applies visual styles and color palettes to branding, product interfaces, and design systems across platforms, ensuring scalable and consistent style-driven projects.

Related Skills

Explore More Design & Creative Skills→
gvkhoslagvkhosla
8

design-direction-setter

Generate a design-brief.md with typography, color palette, and visual tone.

Community
Intermediate
felix-howardfelix-howard

ck:ui-ux-pro-max

Generate design systems with color palettes, font pairings, and layout recommendations.

Community
Advanced
svengrazianisvengraziani
2

ui-design-principles

Guide CSS/HTML styling with visual hierarchy, spacing, typography, and depth principles.

Community
Intermediate
El3tar-cmdEl3tar-cmd
18

branding-generator

Interview clients and generate three distinct brand direction kits.

Community
Advanced