skills.rest
Kraits
KraitsCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design systems with patterns, styles, colors, typography, and accessibility guidance.

Updated Apr 20, 2026
Search Tags:#automation#ui#accessibility#reasoning#ux#design-system#multiplatform
One-click install
npx skills add https://github.com/Kraits/cxc-ace --skill ui-ux-pro-max-kraits
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Kraits/cxc-ace/tree/main/skills-backup/ui-ux-pro-max
Command: npx skills add https://github.com/Kraits/cxc-ace --skill ui-ux-pro-max-kraits

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Generates intelligent UI/UX design guidance and complete design-system generation to speed up frontend work and ensure consistency across projects.

Core Features & Use Cases

  • Complete UI/UX design system generation including patterns, styles, colors, typography, and accessibility considerations.
  • Multi-domain reasoning and optimization across product, style, color, landing, and typography domains to produce ready-to-implement guidance.
  • Optional persistence to a Master + Overrides design-system structure for page-specific overrides and long-term reuse.

Quick Start

Provide a complete UI/UX design system recommendation and implementation plan for a given project.

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 complete UI/UX design system for a React or Next.js project?▼

Yes, accessibility is a core component of the generated design system. It provides specific accessibility recommendations alongside typography, color, and style choices to ensure your multi-platform UI development remains inclusive and compliant.

Can I persist and reuse design-system overrides for different pages?▼

Yes, you can persist designs using an optional Master and Overrides structure. This allows you to maintain a base design system while applying page-specific overrides for long-term reuse and shareable design-system artifacts.

Does the UI/UX design guidance work with Svelte and HTML+Tailwind?▼

Yes, the design guidance supports multi-platform UI development including Svelte and HTML+Tailwind. It delivers consistent style, color, and typography recommendations across these frameworks using reasoning-based domain selection.

What is the best way to maintain UI consistency across multiple web development frameworks?▼

The best way to maintain consistency is generating a unified design system with Master and Overrides persistence. This produces shareable artifacts covering patterns and typography that apply uniformly across React, Vue, Svelte, and HTML.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
h4vzzh4vzz
33

Frontend Design

Generate accessible React, Vue, Svelte, or HTML components with design tokens.

Community
Advanced
chris78reychris78rey

design-system-components

Generate HTML/Tailwind UI components and design tokens with CSS variables and reusable patterns.

Community
Basic
piter0703piter0703

ui-ux-pro-max

Generate a complete design system with color palettes, typography, and usage guidance.

Community
Advanced