skills.rest
maddhruv
maddhruvCOMMUNITY
Explore all skills by this author →
Website𝕏@maddhruvGitHub

ui-ux-pro-max

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

Updated Aug 27, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#user experience#design guidelines
One-click install
npx skills add https://github.com/maddhruv/cuttlefish --skill ui-ux-pro-max-maddhruv
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/maddhruv/cuttlefish/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/maddhruv/cuttlefish --skill ui-ux-pro-max-maddhruv

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, json, re, pathlib, math, collections, and includes scripts (resource) and references (resource) and data (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, color palettes, typography, and UX best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Automatically generates a complete design system based on project type and keywords.
  • Style & Color Recommendations: Suggests appropriate design styles, color palettes, and font pairings.
  • UX Guideline Enforcement: Provides actionable rules and anti-patterns for accessibility, performance, and interaction design.
  • Use Case: When starting a new project, use this Skill to generate a foundational design system, ensuring consistency and adherence to best practices from the outset.

Quick Start

Generate a design system for a new e-commerce website.

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 new web or mobile app?▼

You generate a design system by specifying a project type like a website or mobile app, which outputs tailored styles, color palettes, font pairings, and UX guidelines for your interface.

Can I get color palette and font pairing recommendations for specific tech stacks?▼

Yes, color palette and font pairing recommendations cover 10 technology stacks, providing 161 color palettes and 57 font pairings to match your specific development environment.

What UX guidelines are available for ensuring accessibility and interaction design?▼

There are 99 UX guidelines covering accessibility, performance, and interaction design, delivering actionable rules and anti-patterns to enforce user-friendly interfaces.

Does this UI/UX design intelligence integrate with shadcn/ui components?▼

Yes, the UI/UX design intelligence integrates with shadcn/ui to support component search, allowing you to find and implement UI components within your generated design system.

What is the best way to plan and build an e-commerce site dashboard with proper UI/UX?▼

The best way to build an e-commerce dashboard is generating a foundational design system first, ensuring consistency across styles, colors, and typography before implementing UI/UX code.

Related Skills

Explore More Design & Creative Skills→
snake-dev-teamsnake-dev-team

ck:ui-ux-pro-max

Generate design systems and UI/UX best practice guidelines for web and mobile applications.

Official
Advanced
3balljugglerYu3balljugglerYu

ui-ux-pro-max

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

Community
Advanced
AppleLampsAppleLamps
1

shadcn-component

Generate shadcn/ui components with Tailwind styling via npx.

Community
Intermediate
NoManPlayNoManPlay

ui-ux-pro-max

Generates prioritized UI/UX and accessibility recommendations for web and mobile interfaces.

Community
Advanced