skills.rest
tonamson
tonamsonCOMMUNITY
Explore all skills by this author →
GitHub

ck:ui-ux-pro-max

Provide UI/UX design guidance with color palettes, typography, and accessibility checks.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides structured, AI-assisted UI/UX guidance and a reusable design system to accelerate consistent design decisions across web and mobile projects.

Core Features & Use Cases

  • Contains 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 technology stacks.
  • Integrates a MCP-driven search for component examples, allowing designers and developers to plan, build, design, implement, review, fix, and refine UI code in a unified workflow.
  • Use cases include designing new pages, refactoring components, evaluating accessibility, selecting typography and color systems, and aligning cross-platform visuals.

Quick Start

Ask me to generate a comprehensive UI/UX design system for your project.

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 comprehensive UI/UX design system for my web or mobile app?▼

To generate a UI/UX design system, you can use AI-guided intelligence to select color palettes, typography, and component guidelines. This approach provides structured, reusable design rules across web and mobile projects to accelerate consistent design decisions.

What is the best way to choose accessible color palettes and font pairings for a new product?▼

The best way to choose accessible color palettes and font pairings is by querying a curated library of 161 color palettes and 57 font pairings. This ensures visual consistency and accessibility compliance while aligning with your specific product type.

Can I find UI component examples and UX guidelines for different technology stacks?▼

Yes, you can find UI component examples and UX guidelines across 10 technology stacks. An MCP-driven search provides component examples and 99 UX guidelines to help you plan, build, and refine UI code within a unified workflow.

Does this UI/UX design guidance support specific product types and data visualization charts?▼

Yes, this UI/UX design guidance supports 161 specific product types and includes 25 chart types across 10 stacks. It helps evaluate accessibility, align cross-platform visuals, and refactor components based on your product requirements.

How do I maintain a persistent design system when overriding styles for different pages?▼

To maintain a persistent design system when overriding styles, use a master/override design system persistence workflow. This allows you to apply global design rules while managing local style exceptions, ensuring overall consistency across web and mobile app projects.

Related Skills

Explore More Design & Creative Skills→
madhusudanpatnaikmadhusudanpatnaik

frontend-design

Generate distinctive frontend interfaces with a design system generator.

Community
Advanced
OctavianTocanOctavianTocan
3

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX best practices.

Community
Advanced
sumik5sumik5
2

mcp-shadcn

Search and add shadcn/ui components to React/Next.js projects.

Community
Intermediate
acaprinoacaprino
6

frontend-css

Consolidate modern CSS patterns and design-system guidance for frontend teams.

Community
Advanced