skills.rest
chuckabox
chuckaboxCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

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

1|2|Updated Apr 24, 2026
Search Tags:#design system#color palette#ui components#ui/ux design#font pairing#ux guidelines
One-click install
npx skills add https://github.com/chuckabox/Trashcam --skill ui-ux-pro-max-chuckabox
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/chuckabox/Trashcam/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/chuckabox/Trashcam --skill ui-ux-pro-max-chuckabox

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the complexities of UI/UX design by providing comprehensive guidance, resources, and tools to streamline the design process for web and mobile applications.

Core Features & Use Cases

  • Comprehensive Design Resources: Access 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 technology stacks.
  • Design System Generation: Automatically generate design systems with reasoning and anti-patterns to avoid.
  • Quick Reference: Offers quick guidelines for accessibility, touch & interaction, performance, style selection, layout & responsive, typography & color, animation, forms & feedback, navigation patterns, and charts & data.
  • Use Case: When designing a new e-commerce platform, this Skill can help in selecting the right color palette, typography, and UI components that align with the brand and ensure accessibility and usability.

Quick Start

Generate a design system for an e-commerce platform using the 'ui-ux-pro-max' skill.

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?▼

Generate a design system by providing your application context to output color palettes, font pairings, UI components, and UX guidelines complete with reasoning and anti-patterns to avoid.

What is included in comprehensive UI/UX design intelligence resources?▼

Comprehensive UI/UX design intelligence resources include 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 technology stacks.

Do I need Python to use this UI/UX design system generator?▼

Yes, you need Python and a specific CLI tool installed in your environment to execute the scripts and generate UI/UX design systems and reference guides successfully.

Can I get quick reference guidelines for accessibility and responsive layout?▼

Yes, you can access quick reference guides covering accessibility, touch interaction, layout, responsive design, typography, color, animation, forms, navigation patterns, and charts.

What is the best way to select color palettes and typography for an e-commerce platform?▼

Select color palettes and typography by leveraging domain-specific recommendations that align with your brand and ensure usability across 161 color palettes and 57 font pairings.

Related Skills

Explore More Design & Creative Skills→
yellow-seedyellow-seed
2

sync-codex

Port Dockerfile RUN and ENV steps into portable shell scripts for Codex environments.

Community
Advanced
fantay0312fantay0312

frontend-design

Generate reusable UI components, design tokens, and accessible code from design briefs.

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
praburajasekaranpraburajasekaran

design-implementation-reviewer

Compare live UI components with Figma designs and report visual discrepancies.

Community
Advanced