ck:ui-ux-pro-max

Generate design system recommendations for web and mobile UI/UX development.

1|Updated May 4, 2026
One-click install
npx skills add https://github.com/auxi-wardrobe/auxi-all-in --skill ck-ui-ux-pro-max-auxi-wardrobe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:ui-ux-pro-max
Source: https://github.com/auxi-wardrobe/auxi-all-in/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/auxi-wardrobe/auxi-all-in --skill ck-ui-ux-pro-max-auxi-wardrobe

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, core, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides design intelligence for web and mobile applications, offering a comprehensive guide with styles, color palettes, fonts, UX guidelines, and chart types across various technology stacks.

Core Features & Use Cases

  • Comprehensive Design Guide: Includes styles, color palettes, fonts, UX guidelines, and chart types.
  • Technology Stack Support: Covers React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.
  • Actions: Plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code.
  • Use Cases: Designing new pages, creating UI components, choosing color schemes, reviewing UI code for consistency, implementing navigation, and making product-level design decisions.
  • Projects: Websites, landing pages, dashboards, admin panels, e-commerce, SaaS, portfolio, blog, and mobile apps.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new e-commerce website 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 design system for a React or Next.js web application?

To generate a design system for React or Next.js web applications, this Skill delivers structured recommendations for color palettes, typography, and UX guidelines. It provides actionable design intelligence tailored to your specific technology stack and UI components.

What is the best way to choose color palettes and typography for a mobile UI?

Choosing color palettes and typography for a mobile UI involves applying structured design rules to ensure visual consistency. This Skill outputs tailored style recommendations and UX guidelines for mobile platforms like React Native, Flutter, and SwiftUI.

Can I use this to review and refactor existing UI code for consistency?

Yes, you can review and refactor existing UI code for consistency by checking it against established UX guidelines and design system rules. The Skill evaluates your current implementation and provides actionable improvements to enhance visual alignment.

Does the UI/UX design intelligence guide support Tailwind CSS and shadcn/ui?

The UI/UX design intelligence guide fully supports Tailwind CSS and shadcn/ui, alongside other frameworks like Vue and Svelte. It maps design system elements directly to your chosen stack for precise styling implementation.

How do I select the right chart types for a dashboard or admin panel?

Selecting the right chart types for dashboards or admin panels requires matching data visualization rules to your UX guidelines. This Skill provides structured recommendations to ensure your data displays are both functional and aesthetically consistent.

Do I need Python to execute design system searches and recommendations?

Yes, you need Python installed to execute design system searches and retrieve recommendations. The Skill relies on a Python-based structured search engine to query and deliver actionable design intelligence for your UI/UX tasks.