skills.rest
Thanh-apero
Thanh-aperoCOMMUNITY
Explore all skills by this author →
GitHub

ck:ui-ux-pro-max

Generate design systems with styles, colors, typography, and layout patterns.

1|1|Updated Jan 15, 2026
Search Tags:#accessibility#mobile design#design system#web design#ui/ux design
One-click install
npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill ck-ui-ux-pro-max-thanh-apero
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:ui-ux-pro-max
Source: https://github.com/Thanh-apero/apero-kit-cli/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill ck-ui-ux-pro-max-thanh-apero

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, scripts/search.py, data/styles.csv, data/ui-reasoning.csv, data/products.csv, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance for web and mobile apps, ensuring consistency, accessibility, and performance across various technology stacks.

Core Features & Use Cases

  • Design System Generation: Generate a full design system with patterns, colors, typography, and effects based on project type and industry.
  • Style Recommendations: Offers style recommendations and best practices for design consistency and user experience.
  • Accessibility Guidelines: Includes guidelines and checks for accessibility compliance.
  • Performance Optimization: Suggests performance improvements and optimization strategies.
  • Use Case: Design a new SaaS dashboard using this Skill to get recommendations on color palettes, typography, and layout, ensuring accessibility and performance.

Quick Start

Generate a design system for a SaaS dashboard using the ui-ux-pro-max skill.

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 design system for a web or mobile application?▼

You can generate a design system by executing the provided Python scripts, which query internal CSV data to output recommended styles, color palettes, typography, and layout patterns tailored to your project's industry.

What is the best way to ensure UI design accessibility and performance compliance?▼

The best way to ensure accessibility and performance compliance is to apply the integrated guidelines and checks provided by this design intelligence Skill, which validates your web and mobile UI patterns against established standards.

Do I need Python to use the ui-ux-pro-max design system generator?▼

Yes, you need Python installed because the Skill requires executing specific Python scripts to process its internal CSV data and generate the design system recommendations for your web or mobile project.

Can I get UI style recommendations for different technology stacks?▼

Yes, the Skill supports 10 different technology stacks and provides tailored UI style recommendations, ensuring design consistency and user experience across various web and mobile development environments.

How does this Skill handle layout pattern recommendations for a SaaS dashboard?▼

It handles SaaS dashboard layout pattern recommendations by analyzing your project type against an internal reasoning dataset, outputting optimized color palettes, typography, and structural layouts for that specific use case.

Related Skills

Explore More Design & Creative Skills→
saleorsaleor
29

designing-zod-schemas

Design Zod schemas for runtime validation and TypeScript type inference.

Official
Advanced
AzamCodesAzamCodes

frontend-design

Design and implement production-grade frontend interfaces with bespoke typography and responsive layouts.

Community
Advanced
cookeyholdercookeyholder

ui-ux-pro-max

Generate master and page-specific design systems for web and mobile projects.

Community
Advanced
jewbetchajewbetcha
115

ui-ux-pro-max

Generate cohesive UI/UX design systems from BM25-based style data searches.

Community
Intermediate