skills.rest
johngrandson
johngrandsonCOMMUNITY
Explore all skills by this author →
Website𝕏@johngrandsoonGitHub

ck:ui-ux-pro-max

Aggregate multi-domain UI/UX guidance and design-system recommendations across ten tech stacks.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides structured, AI-assisted design guidance to help teams decide on UI patterns, color systems, and typography while maintaining design-system consistency.

Core Features & Use Cases

  • Pattern-driven design recommendations across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS)
  • Color mood and typography mood suggestions aligned to product goals
  • Master + page override design-system persistence and automated generation workflow

Use cases include building dashboards, landing pages, admin panels, SaaS apps, mobile apps, and marketing pages.

Quick Start

Provide a complete design system recommendation for a SaaS dashboard.

Frequently Asked Questions about ck:ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a UI design system for a SaaS dashboard?▼

To generate a UI design system for a SaaS dashboard, provide your project requirements to get structured recommendations for color palettes, typography moods, layout rules, and component patterns.

What is a Master + Overrides design-system workflow?▼

A Master + Overrides design-system workflow applies persistent global style rules while allowing automated, reasoning-based page-level style decisions for scalable web and mobile projects.

Does UI/UX design guidance support Tailwind and shadcn/ui?▼

UI/UX design guidance supports ten tech stacks including Tailwind and shadcn/ui, applying pattern-driven component recommendations and layout rules directly to your chosen framework.

How do I choose a color palette and typography mood for my app?▼

Choose a color palette and typography mood by aligning product goals with aggregated design-system recommendations, matching visual patterns to specific UI contexts like admin panels or marketing pages.

Can I use this for mobile app UI patterns in React Native?▼

You can use this for mobile app UI patterns in React Native, applying aggregated search results to generate layout rules and component guidance for cross-platform mobile projects.

Related Skills

Explore More Design & Creative Skills→
nangyak4415-sudonangyak4415-sudo

teach-impeccable

Gather project design context and persist it to .impeccable.md.

Community
Intermediate
maskelogmaskelog
1

ui-ux-pro-max

Generate repeatable UI/UX design systems with patterns, palettes, typography, and accessibility rules.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

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

Official
Basic
semaes111semaes111

ui-ux-pro-max

Generates UI/UX design systems with ASCII box and Markdown outputs.

Community
Advanced