skills.rest
catalinakarstulovic2-ai
catalinakarstulovic2-aiCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design system specifications for web and mobile interfaces.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides centralized, AI-assisted design guidance to streamline UI decisions, ensuring consistency, accessibility, and faster delivery for web and mobile apps.

Core Features & Use Cases

  • Pattern-driven design recommendations across color, typography, layout, and components.
  • Multi-stack support (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS) for cohesive design systems.
  • Page-level reasoning with design-system master/override persistence for scalable projects.

Quick Start

Ask the AI to generate a complete design system recommendation for your 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 design system for web and mobile interfaces?▼

To generate a design system for web and mobile interfaces, you request recommendations from the AI, which applies multi-domain reasoning across color, typography, and layout to produce standardized component specifications.

Can I use this to create a color palette and typography specs for React and SwiftUI?▼

Yes, you can create a cohesive color palette and typography specifications for React and SwiftUI, as the system provides multi-stack support for standardized UI decisions across both web and mobile platforms.

How does page-level override work for scalable design systems?▼

Page-level overrides work by allowing specific deviations from persistent master rules, enabling scalable and repeatable UI decisions without breaking the foundational design system standards across different project pages.

Does the generated design system include accessibility considerations?▼

Yes, the generated design system includes accessibility considerations, applying domain-aware reasoning to ensure color contrast and typography specifications meet required standards for web and mobile interfaces.

What is the best way to standardize UI components using Tailwind and shadcn/ui?▼

The best way to standardize UI components using Tailwind and shadcn/ui is to apply pattern-driven design recommendations, generating master rules that ensure consistent styling and repeatable component architecture.

Why use AI-assisted UI design guidance instead of manual component styling?▼

Using AI-assisted UI design guidance instead of manual styling centralizes decisions, ensuring consistency and accessibility while accelerating delivery by applying domain-aware reasoning across color, layout, and typography automatically.

Related Skills

Explore More Design & Creative Skills→
forranyforrany

ai-config-architect

Generate platform-aware AI tooling configurations for Claude Code and Cursor.

Community
Advanced
lucasreydmanlucasreydman

frontend-design

Design and implement accessible, responsive frontend interfaces with cohesive color systems.

Community
Advanced
elophantoelophanto
116

baseline-ui

Enforce Tailwind defaults and accessible component constraints in UI reviews.

Community
Intermediate
sotono-046sotono-046
1

design-principles

Define design direction, color, typography, and spacing tokens for dashboards.

Community
Basic