ck:ui-ux-pro-max

Translate UI/UX design guidance needs into actionable design-system rules and templates.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/dungnt97/wallet-portal --skill ck-ui-ux-pro-max-dungnt97
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:ui-ux-pro-max
Source: https://github.com/dungnt97/wallet-portal/tree/main/claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/dungnt97/wallet-portal --skill ck-ui-ux-pro-max-dungnt97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design decisions across teams are slow, inconsistent, and hard to scale without a shared framework.

Core Features & Use Cases

  • Comprehensive design guidance across styles, palettes, typography, and component patterns to accelerate decision-making.
  • Rule-driven checks for accessibility, responsiveness, and visual consistency across web and mobile stacks.
  • Real-world use case: generate a cohesive design system for a SaaS dashboard that harmonizes color, typography, and components.

Quick Start

Provide a design brief and ask the AI to generate a complete 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 UI design system for a SaaS dashboard?

To generate a UI design system for a SaaS dashboard, provide a design brief to trigger domain-specific actions that harmonize color palettes, typography, and component patterns into a cohesive, actionable framework.

What is the best way to enforce accessibility and visual consistency in UX design?

The best way to enforce accessibility and visual consistency is by applying rule-driven checks that evaluate interface responsiveness, typography, and color contrast against shared design-system rules.

Can I use these UI design rules with React, Vue, and Svelte projects?

Yes, you can use these UI design rules with React, Vue, and Svelte projects, as the design guidance applies across web and mobile stacks to plan, implement, review, and refine interfaces.

Why does UI UX design across teams become slow and inconsistent?

UI UX design across teams becomes slow and inconsistent without a shared framework, making design decisions hard to scale across different components and project stages.

How do I plan and refine interfaces for both web and mobile stacks?

To plan and refine interfaces for both web and mobile stacks, you translate UI UX design guidance needs into domain-specific actions that enforce layout, animation, and component rules.