skills.rest
jabez4jc
jabez4jcCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

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

Updated Nov 12, 2025
Search Tags:#typography#accessibility#design system#ui/ux#style guide#color palette#frontend development
One-click install
npx skills add https://github.com/jabez4jc/Simplifyed --skill ui-ux-pro-max-jabez4jc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/jabez4jc/Simplifyed/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/jabez4jc/Simplifyed --skill ui-ux-pro-max-jabez4jc

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 a complete design system based on project requirements, including patterns, styles, colors, and typography.
  • Stack-Specific Guidelines: Offers best practices for implementation across various technology stacks like React, Vue, and HTML/Tailwind.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a cohesive design system, ensuring accessibility, performance, and a modern aesthetic.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech mobile app'.

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 web or mobile application?▼

To generate a design system, this skill analyzes project requirements and outputs cohesive patterns, styles, color palettes, and typography pairings. It provides 50+ styles and 97 color palettes to ensure professional interface creation.

What font pairings and typography guidelines are best for frontend development?▼

For frontend development typography, this skill provides 57 curated font pairings alongside UX guidelines. These pairings ensure readable, accessible text rendering across various web and mobile application interfaces.

Can I use this to apply UX best practices and accessibility guidelines across React and Vue?▼

Yes, you can apply UX best practices across React, Vue, and HTML/Tailwind. The skill offers stack-specific guidelines, delivering 99 UX rules and accessibility standards tailored for implementation across 9 technology stacks.

What is the best way to select a color palette and style guide for a SaaS dashboard?▼

The best way to select a color palette and style guide is using the skill's CLI tools for domain-specific searches. It matches your SaaS dashboard requirements against 97 palettes and 50+ styles for a modern aesthetic.

Does the design intelligence include accessibility and UX guidelines for mobile apps?▼

Yes, the design intelligence includes comprehensive accessibility and UX guidelines for mobile apps. It applies 99 specific UX rules to ensure your mobile interface remains accessible and user-friendly.

How do I find stack-based UI/UX recommendations for specific frontend technology stacks?▼

You find stack-based UI/UX recommendations using the included CLI tools for domain-specific searches. This matches your project against best practices across 9 frontend technology stacks, including React and Vue.

Related Skills

Explore More Design & Creative Skills→
HechaoYannetHechaoYannet

create-architecture

Generate a master architecture document from GDDs, ADRs, and governance constraints.

Community
Advanced
omanjayaomanjaya

frontend-design

Provide typography, color, spacing, and motion guidelines for web UI design.

Community
Intermediate
LeoTechProLeoTechPro
1

frontend-role

Develops, tests, and releases frontend user interfaces ensuring accessibility and build integrity.

Community
Advanced
netprtonynetprtony

ui-ux-pro-max

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

Community
Intermediate