skills.rest
IoT-VN
IoT-VNCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems and recommend components for web and mobile applications.

Updated Feb 11, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#component library#frontend development
One-click install
npx skills add https://github.com/IoT-VN/tuya-energy-dashboard --skill ui-ux-pro-max-iot-vn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/IoT-VN/tuya-energy-dashboard/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/IoT-VN/tuya-energy-dashboard --skill ui-ux-pro-max-iot-vn

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 a vast library of styles, palettes, font pairings, and UX guidelines to create professional and accessible web and mobile interfaces.

Core Features & Use Cases

  • Design System Generation: Automatically generate a complete design system based on project requirements.
  • Component & Style Recommendations: Get specific suggestions for colors, typography, layouts, and UI patterns.
  • UX Best Practices: Ensure accessibility, performance, and optimal user interaction.
  • Use Case: When starting a new SaaS dashboard, use this Skill to generate a design system that includes a professional color palette, a clean sans-serif font pairing, and best practices for responsive layout and interactive elements.

Quick Start

Generate a design system for a new e-commerce website by running the command python3 .opencode/skills/ui-ux-pro-max/scripts/design_system.py "luxury e-commerce website" --project-name "Elysian Boutique" --format markdown.

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

You can generate a design system by running the Python script provided, which outputs a complete system with color palettes, typography, and UX guidelines based on your project requirements.

What is included in an AI-driven UI/UX design system?▼

An AI-driven UI/UX design system includes 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks to ensure accessible interfaces.

Can I use this tool for frontend development across different technology stacks?▼

Yes, this tool supports frontend development by providing component recommendations and design intelligence across 9 distinct technology stacks for both web and mobile applications.

How do I ensure my component library meets accessibility and performance standards?▼

The tool ensures your component library meets accessibility and performance standards by providing 99 specific UX guidelines and recommendations that adhere to industry best practices.

Does this tool require any external dependencies to run?▼

No, this tool requires no external dependencies; it utilizes internal Python scripts for searching and aggregating design data to provide recommendations.

What's the best way to find a color palette and typography for a specific project style?▼

The best way is to query the tool with your project description, which then searches its library of 50+ styles and 97 color palettes to recommend matching typography and layouts.

Related Skills

Explore More Design & Creative Skills→
rahlplxrahlplx

Brand Interviewer

Guide a brand identity interview and generate ATLAS_TOKENS.md design tokens.

Community
Intermediate
WebWakaHubWebWakaHub
20

UI Designer

Design accessible, pixel-perfect UI design systems with WCAG AA compliance.

Official
Advanced
AlexbyxdAlexbyxd

ui-ux-pro-max

Generate UI/UX design recommendations with styles, color palettes, and font pairings.

Community
Advanced
udsy19udsy19

ui-ux-pro-max

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

Community
Advanced