ck:ui-ux-pro-max

Generate UI/UX recommendations for web and mobile interfaces with accessibility and usability guidance.

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/jangtrinh/demo-Lam --skill ck-ui-ux-pro-max-jangtrinh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:ui-ux-pro-max
Source: https://github.com/jangtrinh/demo-Lam/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/jangtrinh/demo-Lam --skill ck-ui-ux-pro-max-jangtrinh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX decisions get inconsistent, inaccessible, or hard to use, especially when building new pages and components across different product types and stacks.

Core Features & Use Cases

  • Design intelligence for web and mobile: select styles, interaction patterns, layouts, and UX rules that match the product context.
  • Guided recommendations with rule priorities: prioritize accessibility, touch interaction, performance, and navigation patterns to reduce common UI regressions.
  • Design-system generation support: use search and reasoning logic to assemble actionable pattern, style, color strategy, typography, and anti-pattern guidance for faster implementation.

Quick Start

Use the ck:ui-ux-pro-max skill to generate UI, color, and typography guidance for a dashboard by running a design-system search for the query "SaaS analytics dashboard with high accessibility and dark mode".

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 consistent UI design system for a web and mobile dashboard?

Generate a consistent UI design system for web and mobile by applying rule-based recommendations that select matching styles, interaction patterns, layouts, and UX rules for your specific product context. This ensures visual consistency across different product types and stacks.

What is the best way to ensure accessibility and responsive layout when refactoring UI components?

The best way to ensure accessibility and responsive layout when refactoring UI components is to apply guided UX recommendations that prioritize touch interaction, performance, and navigation patterns. This approach reduces common UI regressions and provides actionable do/don't guidance.

How do I select a color palette and typography system for a dark mode SaaS interface?

Select a color palette and typography system for dark mode SaaS interfaces by running a design-system search query. This assembles actionable pattern, style, color strategy, and anti-pattern guidance to ensure high accessibility and visual coherence.

Can I use this to review my existing code for UX quality and accessibility issues?

Yes, you can review existing code for UX quality and accessibility issues. The system evaluates your code against prioritized rules for accessibility, touch interaction, performance, and navigation patterns to identify problems and suggest actionable improvements.

Why does my UI become inconsistent and hard to use when building new pages across different stacks?

UI becomes inconsistent and hard to use when building new pages across different stacks due to fragmented design decisions. Applying centralized design intelligence helps select consistent styles, interaction patterns, and UX rules tailored to each product context.

Does this approach work for both web and mobile product interfaces?

Yes, this approach works for both web and mobile product interfaces. It generates tailored UI and UX recommendations that improve visual design, usability, and accessibility specifically matched to the unique interaction and layout requirements of each platform.