skills.rest
NammDev
NammDevCOMMUNITY
Explore all skills by this author →
Website𝕏@namdeveloper_caGitHub

ui-ux-pro-max

Generate UI/UX design guidance with color palettes, typography, and layouts.

2|Updated Jan 9, 2026
Search Tags:#typography#ui#accessibility#patterns#ux#design-system#color-palette
One-click install
npx skills add https://github.com/NammDev/Goads-Krea --skill ui-ux-pro-max-nammdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/NammDev/Goads-Krea/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/NammDev/Goads-Krea --skill ui-ux-pro-max-nammdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design decisions across multiple stacks can be time-consuming and error-prone without a centralized guidance system. This Skill provides a comprehensive design intelligence with patterns, palettes, typography, and charts to accelerate design decisions and ensure consistency.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks for rapid design exploration.
  • Searchable design knowledge base with priority-based recommendations and integration guidance (shadcn/ui MCP) to streamline component searches.
  • Use cases include designing websites, landing pages, dashboards, admin panels, e-commerce experiences, SaaS apps, portfolios, blogs, and mobile apps; generate design tokens, color strategies, typography, spacing, and layout guidance.

Quick Start

Describe the product type, desired style, and target stack to generate a complete UI/UX design system.

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

To generate a UI/UX design system, describe your product type, desired style, and target technology stack. You receive tailored color palettes, typography, components, and layout guidance for consistent implementation.

What is the best way to ensure accessibility and responsiveness in UI design?▼

Ensuring accessibility and responsiveness in UI design requires applying established UX guidelines and searchable design-system rules. This approach delivers priority-based recommendations for consistent and compliant interfaces.

Can I use this to find font pairings and color palettes for a dashboard?▼

Yes, you can find font pairings and color palettes for dashboards. The system provides 97 color palettes and 57 font pairings to accelerate design exploration and visual consistency.

Does the UI/UX guidance work across multiple technology stacks?▼

Yes, the UI/UX guidance works across nine technology stacks. It delivers multi-domain design patterns and component recommendations adaptable for websites, mobile apps, and SaaS platforms.

How do I select chart types and layout components for an admin panel?▼

To select chart types and layout components for an admin panel, query the searchable design knowledge base. It provides 25 chart types and integration guidance for rapid component selection.

What limitations exist when generating design tokens for e-commerce experiences?▼

Limitations when generating design tokens for e-commerce experiences depend on the predefined 50+ styles and 99 UX guidelines. Recommendations are bounded by internal style rules to ensure consistency.

Related Skills

Explore More Design & Creative Skills→
koki3141koki3141
2

ui-ux-pro-max

Generate design systems for UI/UX projects using Python scripts.

Community
Advanced
AgentWorkforceAgentWorkforce
790

frontend-design

Create production-grade React landing pages with accessible markup and responsive layouts.

Official
Advanced
moshi-azzmoshi-azz
2

ckm:ui-styling

Automate UI design with shadcn/ui, Tailwind CSS, and canvas APIs.

Community
Advanced
HCMUTE-RTICHCMUTE-RTIC

ui-ux-pro-max

Generate design systems with style, color, typography, and stack-specific guidelines.

Official
Advanced