skills.rest
The-Entourage-AI-Development
The-Entourage-AI-DevelopmentOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI design systems with color, typography, layout, and accessibility rules across nine web and mobile stacks.

Updated Aug 23, 2026
Search Tags:#typography#design#ui#accessibility#ux#design-system
One-click install
npx skills add https://github.com/The-Entourage-AI-Development/trade-certify --skill ui-ux-pro-max-the-entourage-ai-development
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/The-Entourage-AI-Development/trade-certify/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/The-Entourage-AI-Development/trade-certify --skill ui-ux-pro-max-the-entourage-ai-development

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Design teams often struggle to convert broad UI/UX guidelines into reusable, scalable systems; this skill provides a centralized, searchable design intelligence that accelerates the creation of cohesive interfaces across platforms.

Core Features & Use Cases

  • Comprehensive design system generation across 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui) with patterns, colors, typography, and accessibility rules.
  • Large libraries of styles, palettes, font pairings, and UX guidelines to support rapid UI decisions.
  • Use cases include building dashboards, marketing sites, e-commerce apps, and mobile apps with consistent branding.

Quick Start

Generate a complete UI design system 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 complete UI design system for multiple web and mobile stacks?▼

To generate a UI design system, you define your project requirements and the skill outputs color palettes, typography, layout patterns, accessibility rules, and component examples for nine stacks including React, Next.js, Vue, Svelte, and React Native.

Can I use this to create design guidelines for a React Native mobile app?▼

Yes, you can create design guidelines for a React Native mobile app. The skill provides comprehensive design system generation across nine stacks, specifically including React Native, Flutter, and SwiftUI for mobile interface consistency.

What is the best way to ensure accessibility rules are included in my UX design system?▼

The best way to ensure accessibility rules are included in your UX design system is to generate the system using this skill, which automatically applies accessibility constraints alongside typography and color palette selections for your web and mobile projects.

Does this skill support Tailwind and shadcn/ui for building dashboards?▼

Yes, this skill supports Tailwind and shadcn/ui. It generates comprehensive design systems across nine stacks, providing specific patterns, colors, and component examples suitable for building dashboards and marketing sites.

How do I select font pairings and color palettes that maintain consistent branding across platforms?▼

You select font pairings and color palettes by querying the skill's large library of styles and UX guidelines. It provides centralized design intelligence to accelerate cohesive interface creation and maintain consistent branding across platforms.

What stacks are supported for UI component generation and layout patterns?▼

Supported stacks for UI component generation and layout patterns include React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui, covering both web and mobile development environments.

Related Skills

Explore More Design & Creative Skills→
VeronikaVashkevichVeronikaVashkevich

aif-architecture

Generate architecture guidelines tailored to a project's tech stack.

Community
Advanced
hschnehschne
1

design-principles

Apply named aesthetic philosophies to frontend UI builds and critiques.

Community
Intermediate
AdemKaoAdemKao

ui-ux

Provide UI/UX design guidance for frontend interfaces covering color, typography, layouts, and accessibility.

Community
Intermediate
AradotsoAradotso
3

figma-mcp-bridge

Stream live Figma document data to AI tools via MCP.

Official
Intermediate