skills.rest
juliuschun
juliuschunCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with color palettes, typography, and stack-specific implementation guidance.

Updated Aug 23, 2026
Search Tags:#accessibility#react#design system#ui/ux#component library#tailwind css#frontend development
One-click install
npx skills add https://github.com/juliuschun/tower --skill ui-ux-pro-max-juliuschun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/juliuschun/tower/tree/main/claude-skills/skills/ui-ux-pro-max
Command: npx skills add https://github.com/juliuschun/tower --skill ui-ux-pro-max-juliuschun

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, re, pathlib, math, collections, json, os, datetime, argparse, sys, io, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines UI/UX design and implementation by providing comprehensive, context-aware design system recommendations and best practices, reducing guesswork and ensuring high-quality, consistent user experiences.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems based on project type, industry, and desired style.
  • Component Implementation Guidance: Offers stack-specific best practices for implementing UI elements.
  • UX Best Practices: Enforces critical guidelines for accessibility, performance, and interaction.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a complete design system, including color palettes, typography, layout rules, and component implementation examples for React and Tailwind CSS.

Quick Start

Generate a design system for a 'fintech mobile app' with a 'minimalist dark mode' style.

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 design system for a React and Tailwind CSS project?▼

You can generate a complete UI/UX design system by specifying your project type, industry, and desired style; the tool outputs color palettes, font pairings, and component implementation guidelines tailored to React and Tailwind CSS.

What UX guidelines should I follow to ensure frontend accessibility?▼

For frontend accessibility, you should follow UX best practices that enforce critical guidelines for interaction patterns, performance benchmarks, and accessible component behaviors, all provided by this tool's reasoning engine.

Can I get color palette and font pairing recommendations for a specific industry application?▼

Yes, you can receive context-aware color palette and font pairing recommendations by defining your industry and project type, such as requesting a minimalist dark mode style for a fintech mobile app.

Does this tool provide component implementation advice for specific technology stacks?▼

Yes, this tool provides technology stack-specific component implementation advice, delivering best practices and structural examples for frameworks like React and styling tools like Tailwind CSS.

What is the best way to structure a UI component library for web and mobile applications?▼

The best way to structure a UI component library is to adhere to a generated design system that enforces consistency, accessibility, and performance across web and mobile applications, facilitated by this tool's reasoning engine.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

levels

Define semantic design tokens and component interaction rules for UI systems.

Community
Intermediate
kmshihab7878kmshihab7878
6

baseline-ui

Validate Tailwind CSS UI components for motion, typography, accessibility, and layout rules.

Community
Advanced
shuff57shuff57

ui-ux-pro-max

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

Community
Advanced