skills.rest
anibaldeboni
anibaldeboniCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Updated Aug 30, 2025
Search Tags:#typography#design system#color palette#ux design#ui design#chart type
One-click install
npx skills add https://github.com/anibaldeboni/atmosbyte --skill ui-ux-pro-max-anibaldeboni
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/anibaldeboni/atmosbyte/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/anibaldeboni/atmosbyte --skill ui-ux-pro-max-anibaldeboni

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of creating intuitive and visually appealing UI/UX designs by providing a comprehensive guide and intelligent recommendations, saving designers time and effort.

Core Features & Use Cases

  • Comprehensive Design Guide: Offers 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 technology stacks.
  • Actions: Plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code.
  • Projects: Website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app.
  • Elements: Button, modal, navbar, sidebar, card, table, form, and chart.
  • Styles: Glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design.
  • Topics: Color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient.
  • Integrations: shadcn/ui MCP for component search and examples.
  • Use Case: When you need to design a new page or component, choose a color scheme, review UI code, or optimize the design for accessibility.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new e-commerce product page.

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 design system for a web application?▼

To generate a design system, you can use intelligent recommendations that output reasoning rules, color palettes, typography pairings, and pattern recommendations tailored for web and mobile applications.

What's the best way to choose a color palette and font pairing for a new UI?▼

Choosing a color palette and typography pairing is streamlined by querying a large database of 161 color palettes and 57 font pairings to find combinations that fit your specific product style.

Does this UI/UX design guidance tool support specific frontend frameworks?▼

Yes, the design guidance covers 25 chart types and various UX guidelines across 10 technology stacks, and integrates with shadcn/ui for component search and examples.

Can I use this to review and improve existing UI code for accessibility?▼

Yes, you can review, fix, and optimize existing UI code, enhancing accessibility and interaction states for elements like buttons, modals, and forms across different design styles.

Do I need Python installed to use these UI/UX design recommendations?▼

Yes, Python is required as a dependency for running the CLI tool that provides the design system generation and intelligent UX guideline recommendations.

What design styles are available for building dashboard and e-commerce projects?▼

Available styles include glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, skeuomorphism, and flat design for dashboard and e-commerce projects.

Related Skills

Explore More Design & Creative Skills→
birgitta410birgitta410
15

_local-setup

Automate local installation and configuration of the sensors-cli development environment.

Community
Basic
congthang12312congthang12312

frontend-design

Convert design briefs into reusable frontend UI components with design tokens.

Community
Advanced
timothyfroehlichtimothyfroehlich

pinpoint-ui

Create accessible shadcn/ui interfaces with Tailwind CSS v4 patterns.

Community
Basic
jabez4jcjabez4jc

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Community
Advanced