skills.rest
sonle0311
sonle0311COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Updated Mar 12, 2026
Search Tags:#accessibility#design system#ui/ux#style guide#component library#frontend development
One-click install
npx skills add https://github.com/sonle0311/fe-vibe-kit --skill ui-ux-pro-max-sonle0311
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/sonle0311/fe-vibe-kit/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/sonle0311/fe-vibe-kit --skill ui-ux-pro-max-sonle0311

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive AI-driven design intelligence to build professional UI/UX across multiple platforms and frameworks, ensuring consistency, accessibility, and optimal user experience.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on project requirements.
  • Style & Component Guidance: Offers recommendations for over 50 styles, 161 color palettes, 57 font pairings, and various UI elements.
  • UX Best Practices: Enforces 99 UX guidelines covering accessibility, interaction, performance, and more.
  • Use Case: When building a new e-commerce website, use this Skill to generate a complete design system, select appropriate color palettes and typography, and ensure all components adhere to modern UX and 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 new web application?▼

Generate a design system by defining project requirements to produce tailored style guides, color palettes, and typography. This process ensures UI consistency and establishes a foundational component library for web and mobile applications.

Can I use this UI/UX design intelligence with React, Vue, and Swift?▼

Yes, this UI/UX design intelligence supports multiple technology stacks including React, Vue, and Swift. It provides actionable component guidance and interface optimization across these specific frontend development environments.

What's the best way to ensure my component library meets accessibility standards?▼

Ensure component library accessibility by applying enforced UX guidelines covering interaction and performance. Reviewing interfaces against these 99 UX best practices guarantees components adhere to modern accessibility standards.

How does AI design intelligence help select color palettes and typography?▼

AI design intelligence helps select color palettes and typography by offering recommendations across 161 color palettes and 57 font pairings. This guidance matches your specific project requirements to maintain visual consistency.

Does this tool provide UX best practices for reviewing existing interfaces?▼

Yes, this tool provides UX best practices for reviewing existing interfaces through dedicated review and optimization actions. It evaluates current designs against comprehensive guidelines to improve overall user experience and accessibility.

What UI styles are available when planning a new e-commerce website?▼

When planning a new e-commerce website, over 50 distinct UI styles are available for selection. These style recommendations integrate with generated design systems to produce a cohesive visual interface.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
luicabref97luicabref97

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography for web and mobile interfaces.

Community
Advanced
ChoiHyunjinChoiHyunjin

role-frontend-developer

Transform design and architectural specifications into frontend code.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic