skills.rest
mitchellvandusen-cell
mitchellvandusen-cellCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design systems with accessibility and performance guidelines.

Updated Dec 12, 2025
Search Tags:#accessibility#design system#ui/ux design#ui guidelines#ux best practices
One-click install
npx skills add https://github.com/mitchellvandusen-cell/Flask-Webhook --skill ui-ux-pro-max-mitchellvandusen-cell
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mitchellvandusen-cell/Flask-Webhook/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/mitchellvandusen-cell/Flask-Webhook --skill ui-ux-pro-max-mitchellvandusen-cell

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, scripts/core.py, scripts/design_system.py, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides intelligent UI/UX design guidance and automation, enabling users to quickly generate comprehensive design systems tailored to their specific project needs.

Core Features & Use Cases

  • Design System Generation: Create custom design systems with recommended patterns, styles, colors, typography, and effects.
  • Quick Reference: Access guidelines for accessibility, touch interactions, performance, and more.
  • Project-Specific Recommendations: Generate design systems for websites, landing pages, dashboards, and more.
  • Stack Compatibility: Works with multiple technology stacks like React, Vue, Tailwind, and others.
  • Detailed Searches: Get additional details on styles, typography, color palettes, and more.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new SaaS product named 'ProjectName'.

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 UI/UX design system for a specific project like a SaaS dashboard?▼

To generate a UI/UX design system for a SaaS dashboard, query the skill with your project type and name. It applies reasoning from predefined rules to output comprehensive guidelines for colors, typography, and effects tailored to your project.

What UI guidelines and UX best practices are included for accessibility?▼

Accessibility UI guidelines and UX best practices include recommended patterns, touch interaction rules, and performance principles. The skill provides quick reference details to ensure your generated design system meets accessibility standards.

Can I use this design system generation tool with React, Vue, and Tailwind stacks?▼

Yes, you can use this design system generation tool with React, Vue, and Tailwind. It supports multiple technology stacks to ensure project-specific recommendations align with your chosen development environment.

Do I need Python installed to run the ui-ux-pro-max skill?▼

Yes, you need Python installed to run the ui-ux-pro-max skill. Execution requires Python and specific libraries to process user queries and generate the automated design system outputs.

What's the best way to get detailed color palettes and typography recommendations for a landing page?▼

The best way to get detailed color palettes and typography recommendations for a landing page is to specify the landing page context in your query. The skill performs detailed searches to provide specific styles and effects.

Related Skills

Explore More Design & Creative Skills→
gaebalaigaebalai
2

raspi-can-bootstrap

Automate CAN bootstrapping for Raspberry Pi vehicle diagnostics environments.

Community
Advanced
chicongstchicongst
2

ui-design

Automates UI design execution by applying tokens, palettes, typography and spacing across frameworks.

Community
Intermediate
mtsatryanmtsatryan
1

frontend-specialist

Plan and design frontend interfaces across React, Vue, Angular, and Svelte.

Community
Advanced
lemulemu

web-component-design

Design portable component APIs across React, Vue, and Svelte.

Community
Advanced