skills.rest
ANONIMO432HZ
ANONIMO432HZCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with color, typography, spacing, and component tokens.

5|1|Updated Mar 24, 2026
Search Tags:#typography#ui#accessibility#prototyping#ux#design-system#color-palette
One-click install
npx skills add https://github.com/ANONIMO432HZ/OmniBrain-AI-Proxy-Smart --skill ui-ux-pro-max-anonimo432hz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ANONIMO432HZ/OmniBrain-AI-Proxy-Smart/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ANONIMO432HZ/OmniBrain-AI-Proxy-Smart --skill ui-ux-pro-max-anonimo432hz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designing high-quality, consistent user interfaces for web and mobile is time-consuming and error-prone without a shared design system, tokens, and reusable components.

Core Features & Use Cases

  • AI-assisted UI/UX guidance across 10 tech stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS) to align with brand and platform conventions.
  • Generate comprehensive design systems including color palettes, typography, spacing, component tokens, and page-specific overrides to match brand and platform idioms.
  • Review UI for accessibility, visual consistency, and usability, and scaffold pages, components, and guidelines for rapid prototyping.

Quick Start

Request a complete UI design system for your project and let the AI generate color, typography, spacing, components, and accessibility patterns across web and mobile stacks.

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 my web and mobile project?▼

To generate a UI design system, request guidance for your specific tech stack and the AI outputs color palettes, typography, spacing, component tokens, and accessibility patterns tailored to your brand and platform conventions.

Can I generate design tokens for React Native and Flutter using this UI guidance?▼

Yes, you can generate design tokens for React Native and Flutter, as the UI guidance supports 10 tech stacks including SwiftUI, Vue, Svelte, and Tailwind to align with platform-specific conventions.

What is the best way to review my UI for accessibility and visual consistency?▼

The best way to review UI for accessibility and visual consistency is to use automated design-review tooling that evaluates your interfaces against spacing rules, color contrast, and usability standards.

Does this design system generator work with Tailwind and shadcn/ui?▼

Yes, this design system generator works directly with Tailwind and shadcn/ui, applying automated workflows to generate page-specific overrides and component tokens that match your chosen stack.

How do I scaffold pages and components for rapid prototyping?▼

You scaffold pages and components for rapid prototyping by requesting UI guidance, which generates layout structures and design guidelines aligned with your established design system and platform idioms.

Related Skills

Explore More Design & Creative Skills→
YamilAymaYamilAyma
8

brand-identity

Validate UI components, styling, and copy against brand design tokens and voice guidelines.

Community
Advanced
chris78reychris78rey

design-system-components

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

Community
Basic
MajesteitBartMajesteitBart
2

shadcn-ui-expert

Build accessible React UI components with shadcn-ui, Tailwind CSS, and Radix UI.

Community
Intermediate
guideopsguideops

minimal

Implement a minimalist design system with color palettes, typography scales, and spacing scales.

Community
Basic