skills.rest
vibery-studio
vibery-studioOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design-system guidance across web and mobile technology stacks.

3|1|Updated Dec 21, 2025
Search Tags:#typography#design#search#patterns#color#ui-ux#design-system
One-click install
npx skills add https://github.com/vibery-studio/templates --skill ui-ux-pro-max-vibery-studio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/vibery-studio/templates/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/vibery-studio/templates --skill ui-ux-pro-max-vibery-studio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max streamlines design decision making by providing a centralized, searchable design intelligence that guides pattern selection, color strategies, typography, and accessibility considerations for web and mobile projects.

Core Features & Use Cases

  • Searchable database with 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).
  • Design system generation workflow: multi-domain searches, reasoning-based recommendations, and a consolidated design-system output for implementation.
  • On-demand guidance for color, typography, accessibility, layout, and component patterns to accelerate product design and development.

Quick Start

Ask the AI to generate a complete UI/UX design system for your project using the UI-UX Pro Max guidelines.

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

To generate a design system for React and Tailwind, use the searchable design guidance engine to apply multi-domain searches, reasoning-based recommendations, and consolidated design-system outputs for your specific technology stack.

What is included in a UI/UX design guidance database?▼

A UI/UX design guidance database provides centralized intelligence including 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types to streamline pattern selection and accessibility considerations for web and mobile projects.

Can I find typography and color palette recommendations for Svelte and Next.js?▼

Yes, you can find typography and color palette recommendations for Svelte and Next.js. The system supports multi-domain searches across 9 stacks, including Vue, SwiftUI, React Native, Flutter, and shadcn/ui, providing reasoning-based style exploration.

What's the best way to solve UI/UX design decision bottlenecks for mobile apps?▼

The best way to solve UI/UX design decision bottlenecks for mobile apps is using a centralized, searchable design intelligence engine that provides on-demand guidance for color strategies, component patterns, and layout decisions across mobile frameworks.

Does the generated design system output in Markdown or ASCII formats?▼

The generated design system outputs in Markdown or ASCII formats. After performing multi-domain searches and reasoning-based recommendations, the workflow consolidates the results into these structured formats for direct implementation.

Related Skills

Explore More Design & Creative Skills→
sourman-devsourman-dev

ui-ux-pro-max

Search UI styles, palettes, typography, and stack-specific guidelines for design implementation.

Community
Advanced
Norman-buryNorman-bury
3.0k

figures-python

Generate publication-quality PNG and SVG plots with consistent color palettes.

Community
Intermediate
danghungtb26danghungtb26
3

ui-ux-pro-max

Generate design systems for web and mobile projects across nine technology stacks.

Community
Advanced
anhnq-labanhnq-lab

ui-ux-pro-max

Generate design systems with style, color, and typography recommendations.

Community
Advanced