ck:ui-ux-pro-max

Generate design system recommendations with Master/Overrides workflow for web and mobile.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Aligning UI/UX quality and design-system consistency across products can be slow and error-prone. This Skill delivers structured design-system recommendations, multi-domain guidance, and a master/overrides workflow to scale design decisions from pattern to implementation.

Core Features & Use Cases

  • BM25-driven multi-domain search across product, color, style, typography, and landing patterns to surface relevant design guidance.
  • Automated design-system generation including color palettes, typography mood, spacing tokens, and component rules.
  • Page-level overrides via a Master/Overrides workflow to tailor guidelines per screen (dashboard, landing, admin, etc.), with clear precedence.

Quick Start

Generate a complete design system for a SaaS dashboard 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 production-ready UI design system for a web application?

You can create a design system by applying a Master/Overrides workflow that establishes global UI rules and applies page-specific deviations. This approach scales design decisions across different screens like dashboards and landing pages while maintaining system consistency.

Can I apply page-level overrides to my design system for different screens?

Yes, the Master/Overrides workflow allows page-level overrides to tailor design system guidelines per screen. This ensures specific contexts like admin panels or dashboards can deviate from the master system with clear precedence and without breaking overall consistency.

How does this approach handle accessibility and typography in UX design?

This approach prioritizes accessibility and typography by applying multi-domain search across product, color, style, and typography patterns. It surfaces relevant UX guidance to ensure your design system recommendations meet clarity and accessibility standards.

What is the best way to structure design tokens for engineering hand-offs?

The best way to structure design tokens is to use the structured output generated by this Skill, which includes spacing tokens, color palettes, and component rules. This format is specifically designed for practical implementation and seamless integration into engineering workflows.

Does this design system generation work for both web and mobile contexts?

Yes, this design system generation applies to both web and mobile contexts. It delivers comprehensive, production-ready UI/UX recommendations that prioritize clarity and accessibility across different platforms and application types.