skills.rest
TheerasakPing
TheerasakPingCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

3|Updated Jan 18, 2026
Search Tags:#typography#ui#accessibility#design system#color palette#frontend development#ux
One-click install
npx skills add https://github.com/TheerasakPing/video-downloader-tauri --skill ui-ux-pro-max-theerasakping
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/TheerasakPing/video-downloader-tauri/tree/main/.crush/skills/ui-ux-pro-max
Command: npx skills add https://github.com/TheerasakPing/video-downloader-tauri --skill ui-ux-pro-max-theerasakping

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (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: Creates detailed design systems tailored to specific project types (e.g., SaaS, e-commerce).
  • Style & Palette Recommendations: Suggests appropriate visual styles, color schemes, and font pairings.
  • UX Best Practices: Enforces critical guidelines for accessibility, interaction, and performance.
  • Use Case: When starting a new project, use this Skill to generate a complete design system, ensuring consistency and adherence to modern UI/UX standards from the outset.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new fintech 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 generate a design system for a new web application?▼

Generate a complete design system by leveraging AI intelligence that outputs tailored visual styles, 97 color palettes, and 57 font pairings. This provides structured guidelines for specific project types like SaaS or e-commerce to ensure immediate UI consistency.

What is the best way to choose a color palette and typography for my UI?▼

The best way to choose UI color palettes and typography is through AI recommendations that match your project style. It suggests appropriate visual schemes from 97 palettes and 57 font pairings to maintain aesthetic and accessibility standards.

Can I use this UI/UX design intelligence for mobile applications?▼

Yes, this UI/UX design intelligence supports mobile applications by providing comprehensive guidance on visual styles, color schemes, and UX best practices. It covers 9 technology stacks to ensure mobile interfaces meet modern design standards.

How do I apply UX best practices for accessibility and interaction design?▼

Apply UX best practices by utilizing AI-driven intelligence that enforces 99 critical UX guidelines for accessibility and interaction. This resolves interface issues and ensures your design meets modern performance and accessibility standards.

Does this design system generator support specific frontend development stacks?▼

Yes, the design system generator supports frontend development across 9 specific technology stacks. It provides tailored UI guidance including 25 chart types and structured reasoning to help implement components within your chosen stack.

Related Skills

Explore More Design & Creative Skills→
vobasevobase
59

teach-impeccable

Scan project files and write design context to CLAUDE.md.

Official
Intermediate
PeterHddPeterHdd
27

cleanui

Improve AI-generated user interfaces with design best practices and layout intelligence.

Community
Advanced
IcekoleIcekole

ui-ux-pro-max

Generate design systems and UI component guidelines for web and mobile applications.

Community
Advanced
netprtonynetprtony

ui-ux-pro-max

Generate UI/UX design guidance and pattern recommendations for web and mobile interfaces.

Community
Intermediate