skills.rest
ayofemiade
ayofemiadeCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with styles, palettes, fonts, charts, and UX guidelines across multiple technology stacks.

Updated Jun 30, 2026
Search Tags:#design system#ux design#ui design#technology stacks#ui/ux guidelines#ui/ux intelligence#design search
One-click install
npx skills add https://github.com/ayofemiade/cleva --skill ui-ux-pro-max-ayofemiade
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ayofemiade/cleva/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ayofemiade/cleva --skill ui-ux-pro-max-ayofemiade

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, pypdf, pdfplumber, pdf2image, ui-reasoning.csv, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, including styles, palettes, font pairings, charts, and UX guidelines, to streamline the design process and enhance the quality of web and mobile applications.

Core Features & Use Cases

  • Comprehensive Design Guide: Offers 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks.
  • Searchable Database: Allows users to search for design elements based on product type, style, color, typography, and more.
  • Design System Generation: Automatically generates a design system based on user input, including patterns, styles, colors, typography, and effects.
  • Detailed Searches: Provides additional details on specific design elements, such as charts, UX guidelines, and typography options.
  • Stack Guidelines: Offers implementation-specific best practices for various technology stacks like HTML-Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn, and Jetpack Compose.
  • Use Case: A UI/UX designer working on a new project can use this Skill to quickly generate a design system based on their project's requirements and preferences.

Quick Start

Generate a design system for a SaaS dashboard project named "Serenity Spa" using the ui-ux-pro-max skill.

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 UI design system for a new project?▼

Generate a design system by inputting your project requirements and preferences. The system outputs tailored UI patterns, styles, color palettes, typography, and visual effects for web and mobile applications.

Does this UI design tool provide implementation guidelines for React and Next.js?▼

Yes, it provides stack-specific UI/UX implementation guidelines for React and Next.js. It also covers HTML-Tailwind, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn, and Jetpack Compose.

Can I search for specific color palettes and font pairings for my web application?▼

Yes, you can search a database of 96 color palettes and 57 font pairings. Searches are filterable by product type, style, color, typography, and other specific UI design elements.

Do I need Python to use this UI/UX design intelligence tool?▼

Yes, Python is required because the tool depends on it. It also requires data files like ui-reasoning.csv, pypdf, pdfplumber, and pdf2image to process design elements and reasoning rules.

What is the best way to find UX guidelines for mobile technology stacks?▼

Use the detailed search feature to find UX guidelines across 13 technology stacks. It provides 99 specific UX rules and best practices for mobile frameworks like React Native and Flutter.

How many UI styles and chart types are available for design generation?▼

There are 67 UI styles and 25 chart types available. These options are automatically integrated when generating a comprehensive design system for your web or mobile project.

Related Skills

Explore More Design & Creative Skills→
Randi-AgentRandi-Agent
1

pdf

Extract text and tables from PDFs using Python libraries.

Official
Advanced
JoaquimCassanoJoaquimCassano
1

ui-ux-pro-max

Search a BM25 knowledge base for UI/UX design guidance.

Community
Advanced
royhenengelroyhenengel

artifacts-builder

Create multi-component HTML artifacts with React, TypeScript, Vite, Tailwind CSS, and shadcn/ui.

Community
Advanced
anibaldebonianibaldeboni

ui-ux-pro-max

Generate design systems with color palettes, typography pairings, and UX guidelines.

Community
Advanced