skills.rest
Ritik-Sharma1
Ritik-Sharma1COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate cross-stack design systems with patterns, colors, typography, and accessibility.

1|Updated Apr 9, 2026
Search Tags:#typography#design#ui#accessibility#color#ux#design-system
One-click install
npx skills add https://github.com/Ritik-Sharma1/custom-frontend-ai-skills --skill ui-ux-pro-max-ritik-sharma1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Ritik-Sharma1/custom-frontend-ai-skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/Ritik-Sharma1/custom-frontend-ai-skills --skill ui-ux-pro-max-ritik-sharma1

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

AI-driven UI/UX design intelligence that accelerates design decisions, generates consistent design systems, and ensures accessibility across multiple stacks.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks to cover comprehensive design needs.
  • Generate design systems and style guidance for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui to speed up product development.
  • Use cases include rapid prototyping, design reviews, accessibility tuning, and brand-alignment across web and mobile interfaces.

Quick Start

Provide a brief project context and let the system produce a complete UI/UX design system with patterns, colors, typography, and accessibility guidance.

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 a React and Tailwind project?▼

You can generate a design system for React and Tailwind by providing brief project context, which produces cross-stack patterns, color palettes, typography pairings, and accessibility guidelines tailored for those frameworks.

What is the best way to standardize UI components across web and mobile stacks?▼

Standardizing UI components across web and mobile is achieved by generating a comprehensive design system covering 50+ styles and 99 UX guidelines that applies consistently across React Native, Flutter, Svelte, and Next.js.

Can I use this to check accessibility and color contrast for my web interfaces?▼

Yes, you can check accessibility and color contrast because the system applies reasoning rules to propose accessible color strategies and includes 99 UX guidelines specifically for tuning web and mobile interfaces.

Does this design intelligence work with shadcn/ui and Svelte for rapid prototyping?▼

This design intelligence works with shadcn/ui and Svelte for rapid prototyping by aggregating multi-domain insights to output design-system-ready artifacts and propose consistent component patterns across both stacks.

How do I create consistent typography and font pairings for a cross-stack app?▼

Create consistent typography and font pairings by applying the system's 57 font pairing strategies, which generate design-system-ready artifacts to standardize text styling across your chosen technology stack.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
Michal-J-KolodziejMichal-J-Kolodziej

ui-ux

Generate UI/UX design systems with style libraries, palettes, typography, and guidelines.

Community
Advanced
HouseGarofaloHouseGarofalo
3

frontend-architect-agent

Provide frontend architecture guidance for React, Vue, and Svelte component design.

Official
Advanced
aditisharma0204aditisharma0204

creative-director

Define visual direction and create Figma design systems with moodboards, color palettes, and typography tokens.

Community
Advanced