skills.rest
mafvietnam
mafvietnamCOMMUNITY
Explore all skills by this author →
GitHub

ck:ui-ux-pro-max

Generate UI/UX design guidance for web and mobile projects.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence to accelerate planning, building, and refining interfaces across web and mobile platforms.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks to inform design decisions
  • Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code
  • Use cases: generate design systems for SaaS dashboards, mobile apps, landing pages, and admin panels; review UI code for accessibility and consistency

Quick Start

Generate a complete UI/UX design system for a SaaS dashboard by providing a project name.

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 SaaS dashboard?▼

You can generate a comprehensive UI/UX design system for a SaaS dashboard by providing a project name, which automatically outputs matching color palettes, typography, and component guidelines tailored to your selected framework.

Can I use this to review UI code for accessibility and consistency?▼

Yes, you can review UI code for accessibility and consistency by applying automated checks against 99 UX guidelines, ensuring your web and mobile interfaces meet established design standards.

Does this UI/UX design guidance work with React Native and Flutter?▼

Yes, the UI/UX design guidance works with React Native and Flutter, alongside React, Next.js, Vue, Svelte, and SwiftUI, applying multi-domain search over styles and components across ten different stacks.

How do I apply per-page overrides to a master design system?▼

You apply per-page overrides to a master design system by utilizing the Master + Overrides persistence feature, allowing you to maintain global design consistency while customizing specific interface pages when requested.

What is the best way to build a landing page using Tailwind and shadcn/ui?▼

The best way to build a landing page using Tailwind and shadcn/ui is to apply automated design intelligence, leveraging 50+ styles and 161 product types to inform your component implementation and layout patterns.

What limitations exist when refactoring UI components across multiple frameworks?▼

When refactoring UI components across ten supported stacks like Vue, Svelte, and SwiftUI, limitations include ensuring framework-specific syntax compatibility while applying universal design rules from the 99 UX guidelines.

Related Skills

Explore More Design & Creative Skills→
Kouakou-Christ-AxelKouakou-Christ-Axel

ui-ux-pro-max

Provide UI/UX design guidance across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.

Community
Advanced
binfen1binfen1

ui-ux-pro-max

Plan and deliver UI/UX design systems for web and mobile projects.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

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

Official
Basic
tuliopc23tuliopc23

ui-ux-pro-max

Search UI/UX design databases for styles, palettes, typography, and guidelines.

Community
Advanced