skills.rest
Kouakou-Christ-Axel
Kouakou-Christ-AxelCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Provide UI/UX design guidance across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.

Updated Mar 18, 2026
Search Tags:#mobile design#style guide#design systems#component library#web design#ui/ux design
One-click install
npx skills add https://github.com/Kouakou-Christ-Axel/eba-coffee-shop --skill ui-ux-pro-max-kouakou-christ-axel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Kouakou-Christ-Axel/eba-coffee-shop/tree/main/.junie/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Kouakou-Christ-Axel/eba-coffee-shop --skill ui-ux-pro-max-kouakou-christ-axel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence to streamline the design process for web and mobile applications, covering a broad range of design considerations and technologies.

Core Features & Use Cases

  • Comprehensive Design Guide: Offers 50+ styles, 161 color palettes, 57 font pairings, and more across 10 technology stacks.
  • Action-Based Operations: Supports design-related actions like plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code.
  • Project Types: Suitable for a variety of projects including websites, landing pages, dashboards, admin panels, e-commerce platforms, SaaS products, portfolios, blogs, and mobile apps.
  • Element and Style Varieties: Includes button, modal, navbar, sidebar, card, table, form, chart, and more with various design styles.
  • Integrations: Integrates with shadcn/ui MCP for component search and examples.
  • Use Case: When creating a new dashboard, this Skill can assist in choosing color schemes, typography, layout, and UX guidelines, as well as provide component suggestions.

Quick Start

Search for design recommendations and best practices using 'ui-ux-pro-max search --design-system "dashboard"'.

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 create a design system for a dashboard in React?▼

To create a design system for a dashboard, this tool provides color palettes, typography, and UX guidelines specifically for React. It helps you plan and build UI components like sidebars and charts with consistent styling.

Can I use this tool to generate color palettes and typography for a SaaS product?▼

Yes, you can generate color palettes and typography for SaaS products. It offers 161 color palettes and 57 font pairings to help you design and implement consistent web and mobile interfaces.

Does this UI/UX design tool support mobile app development in Flutter and React Native?▼

Yes, the UI/UX design tool supports mobile app development in both Flutter and React Native. It provides specific design elements, styles, and UX guidelines tailored for these mobile technology stacks.

What is the best way to find component examples and styles for web design?▼

The best way to find component examples is by using the integrated search action with shadcn/ui. It allows you to locate specific UI elements like modals, cards, and forms across 50+ design styles.

Do I need a Python environment to run UI/UX design searches and component reviews?▼

Yes, you need a Python environment to run this tool. It relies on Python to process design searches, review UI/UX code, and access the internal design resources and references.

How do I improve or refactor existing UI/UX code for a landing page?▼

You can improve or refactor existing UI/UX code by using the optimize, enhance, and fix actions. It analyzes your landing page components and provides actionable design improvements and best practices.

Related Skills

Explore More Design & Creative Skills→
digital-stoic-orgdigital-stoic-org
19

install-dependency

Automate monorepo-aware dependency installation across Python, JavaScript, and system packages.

Official
Intermediate
St0ff3lSt0ff3l
234

ui-ux-pro-max-zh

Search 67 UI styles, 161 color palettes, and 99 UX guidelines via BM25.

Community
Advanced
danghungtb26danghungtb26
3

ui-ux-pro-max

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

Community
Advanced
cookeyholdercookeyholder

ui-ux-pro-max

Generate master and page-specific design systems for web and mobile projects.

Community
Advanced