skills.rest
hxk622
hxk622COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

8|Updated Jan 13, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#tailwind css#frontend development
One-click install
npx skills add https://github.com/hxk622/TokenDance --skill ui-ux-pro-max-hxk622
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hxk622/TokenDance/tree/main/backend/app/skills/builtin/ui-ux-pro-max
Command: npx skills add https://github.com/hxk622/TokenDance --skill ui-ux-pro-max-hxk622

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines UI/UX design by providing intelligent recommendations for styles, color palettes, typography, and best practices, ensuring visually appealing and user-friendly interfaces.

Core Features & Use Cases

  • Comprehensive Design System Generation: Creates detailed design recommendations based on project type, industry, and keywords.
  • Stack-Specific Guidelines: Offers best practices for various technology stacks (React, Vue, Tailwind CSS, etc.).
  • UX Best Practices: Enforces accessibility, performance, and interaction guidelines.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a complete design system, including color palettes, font pairings, and layout suggestions tailored for a professional, modern aesthetic.

Quick Start

Generate a design system for a 'beauty spa wellness service' project.

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

To generate a UI design system, input your project type and industry keywords. The reasoning engine outputs comprehensive recommendations for color palettes, typography, and UX guidelines tailored to your specific application context.

Can I get design system recommendations specific to Tailwind CSS and frontend development?▼

Yes, you can get stack-specific guidelines for Tailwind CSS and other frontend frameworks. The system provides best practices ensuring visual consistency and adherence to standard frontend development conventions.

What is the best way to ensure UI accessibility and UX best practices are followed?▼

The best way to ensure UI accessibility is to apply the enforced UX guidelines provided. The system evaluates interactions and performance against established accessibility best practices within its searchable database.

How do I choose a color palette and typography for a SaaS dashboard?▼

To choose a color palette and typography for a SaaS dashboard, request a design system generation. The engine provides tailored font pairings and color schemes suited for a professional, modern aesthetic.

Does this tool support mobile applications or is it limited to web interfaces?▼

The tool supports mobile applications as well as web interfaces. It generates comprehensive design systems with recommendations on styles, charts, and UX guidelines across multiple technology stacks for both platforms.

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
marktantongcomarktantongco
2

ui-ux-pro-max

Generate design systems and frontend guidance for web and mobile projects.

Community
Advanced
akillnessakillness
40

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
MikisbellMikisbell

ui-ux-pro-max

Generate design systems and UX guidance for web and mobile applications.

Community
Advanced