skills.rest
cookeyholder
cookeyholderCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate master and page-specific design systems for web and mobile projects.

Updated Apr 9, 2026
Search Tags:#typography#accessibility#prototyping#ui-ux#design-system#color-palette
One-click install
npx skills add https://github.com/cookeyholder/django-devcontainer-template --skill ui-ux-pro-max-cookeyholder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/cookeyholder/django-devcontainer-template/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/cookeyholder/django-devcontainer-template --skill ui-ux-pro-max-cookeyholder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often struggle with inconsistent design language and slow iteration. This Skill provides AI-assisted guidance, reusable patterns, and a scalable design system framework to accelerate design decisions and maintain accessibility and consistency across web and mobile apps.

Core Features & Use Cases

  • Design guidance & pattern selection: recommends layouts, components, and interaction styles aligned with target platforms and accessibility goals.
  • Color and typography planning: suggests semantic tokens, typography scales, and accessible color palettes for brand consistency.
  • Design-system generation & overrides: outputs a master design system with page-specific overrides to support rapid project setup and governance.

Quick Start

Describe a complete UI/UX design system for a fintech dashboard.

Frequently Asked Questions about 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 web and mobile apps?▼

Creating an accessible UI/UX design system involves enforcing strict rules for color contrast, typography scales, and motion. This system generates semantic tokens and accessible color palettes to maintain compliance and brand consistency across web and mobile platforms.

Can I create a color palette and typography scale that ensures accessibility?▼

Yes, you can create accessible color palettes and typography scales. The system suggests semantic tokens and enforces accessibility rules to guarantee brand consistency and compliance across all web and mobile UI components.

What is the best way to plan UI layouts and interaction patterns for a fintech dashboard?▼

The best way to plan UI layouts for a fintech dashboard is using AI-assisted design guidance. The system recommends aligned components and interaction patterns, accelerating design decisions while maintaining strict accessibility and consistency governance.

Does this design guidance support both web and mobile platforms?▼

Yes, this design guidance supports both web and mobile platforms. It applies targeted layout rules, component libraries, and interaction patterns specifically aligned with the accessibility goals and requirements of each distinct platform environment.

How do I manage page-specific overrides in a master design system?▼

To manage page-specific overrides in a master design system, define the global tokens first. The system then generates page-specific variations, allowing rapid project setup and governance without breaking the core design language or accessibility rules.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
HafizFasihHafizFasih

robotics-theme-expert

Implement a robotics-themed design system for dark-mode industrial dashboards.

Community
Advanced
dirnbauerdirnbauer
33

frontend-design

Design frontend interfaces with typography, color palettes, motion, and CSS/HTML examples.

Community
Basic
markky21markky21

ui-ux-pro-max

Generate design systems with color palettes, typography, and accessibility guidelines.

Community
Advanced