skills.rest
STAR03-byte
STAR03-byteCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems and check UI/UX code across web and mobile applications.

1|Updated Mar 11, 2026
Search Tags:#performance#accessibility#design system#ui/ux#style guide#component library
One-click install
npx skills add https://github.com/STAR03-byte/SmartMeeting --skill ui-ux-pro-max-star03-byte
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/STAR03-byte/SmartMeeting/tree/main/ui-ux-pro-max-skill-main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/STAR03-byte/SmartMeeting --skill ui-ux-pro-max-star03-byte

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence to ensure interfaces are visually appealing, user-friendly, accessible, and performant across various platforms and styles.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on product type, industry, and keywords.
  • Rule-Based Checks: Offers detailed guidelines and checks across 10 critical categories like Accessibility, Performance, and Layout.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a design system that includes a modern, accessible color palette, responsive layout rules, and best practices for interactive components.

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

A design system provides tailored color palettes, typography, and UX guidelines. This skill generates a comprehensive design system based on your product type, industry, and keywords to ensure interfaces are visually appealing and accessible.

What are the best practices for checking UI/UX code accessibility and performance?▼

Checking UI/UX accessibility and performance involves rule-based evaluations across 10 critical categories. This skill provides detailed guidelines to ensure your web and mobile interfaces meet modern user-friendly and performant standards.

Can I use this to find and implement UI components with shadcn/ui?▼

Yes, you can find and implement UI components with shadcn/ui. This skill integrates directly with shadcn/ui for component search, allowing you to plan, build, and refactor interactive elements for your web applications.

Does this tool work for both web and mobile application design?▼

Yes, this tool works for both web and mobile application design. It provides comprehensive UI/UX design intelligence covering styles, responsive layout rules, and best practices tailored for various technology stacks across both platforms.

How do I generate an accessible color palette for a SaaS dashboard?▼

Generating an accessible color palette for a SaaS dashboard involves defining specific visual standards. This skill creates modern, accessible color palettes and responsive layout rules as part of a tailored design system for your project.

Related Skills

Explore More Design & Creative Skills→
dabblersportdabblersport

ui-ux-pro-max

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

Community
Advanced
raphaelmansraphaelmans

web-design-guidelines

Audit web UI files against official Web Interface Guidelines and report findings in file:line format.

Community
Intermediate
tc9011tc9011

ui-ux-pro-max

Generate design systems with styles, palettes, and font pairings.

Community
Advanced
jewbetchajewbetcha
115

ui-ux-pro-max

Generate cohesive UI/UX design systems from BM25-based style data searches.

Community
Intermediate