skills.rest
tc9011
tc9011COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with styles, palettes, and font pairings.

Updated Feb 5, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#web design#frontend development
One-click install
npx skills add https://github.com/tc9011/my-skills --skill ui-ux-pro-max-tc9011
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/tc9011/my-skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/tc9011/my-skills --skill ui-ux-pro-max-tc9011

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • Design System Generation: Create tailored design systems based on project requirements (SaaS, e-commerce, etc.).
  • Style & Palette Recommendations: Get suggestions for 50+ styles and 21 palettes.
  • UX Best Practices: Access guidelines on accessibility, performance, and interaction design.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a design system that includes a professional color palette, a clean typography pairing, and adherence to accessibility standards.

Quick Start

Use the ui-ux-pro-max skill to 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 web project?▼

Generate a tailored design system by defining project requirements like SaaS or e-commerce, which yields a professional color palette, clean typography pairings, and accessibility standards.

Can I get color palette and typography recommendations for frontend development?▼

Get color palette and typography recommendations by selecting from 21 distinct palettes and 50 font pairings tailored to match your frontend development stack and visual style.

What is the best way to ensure UI/UX accessibility in a new design?▼

Ensure UI/UX accessibility by applying built-in best practices and guidelines that cover interaction design, performance standards, and accessible color contrast for user-friendly interfaces.

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

This UI/UX design intelligence integrates with shadcn/ui to provide direct component search, allowing you to find and implement specific UI elements within your design system.

Can I review and refactor existing UI/UX code for style improvements?▼

Review and refactor existing UI/UX code using actions like fix, improve, optimize, and enhance to align your current frontend implementation with 50+ supported visual styles.

Related Skills

Explore More Design & Creative Skills→
SunS1eep1ngSunS1eep1ng

ui-ux-pro-max

Generate UI/UX design systems with role-specific guidance and stack-aware frontend implementation.

Community
Advanced
lucasreydmanlucasreydman

frontend-design

Design and implement accessible, responsive frontend interfaces with cohesive color systems.

Community
Advanced
tylerbjones1504-hashtylerbjones1504-hash

ui-ux-pro-max

Generate design systems and searchable UI/UX recommendations for web and mobile apps.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-ux-pro-max

Generate design systems with style guides, color palettes, and typography pairings.

Community
Advanced