skills.rest
roycolumbia-code
roycolumbia-codeCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design system guidelines for web and mobile applications.

Updated Mar 23, 2026
Search Tags:#mobile design#design system#web design#ui/ux design#ui/ux guidance
One-click install
npx skills add https://github.com/roycolumbia-code/claude-global-config --skill ui-ux-pro-max-roycolumbia-code
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/roycolumbia-code/claude-global-config/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/roycolumbia-code/claude-global-config --skill ui-ux-pro-max-roycolumbia-code

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pandas, json, core, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, streamlining the process of creating professional designs for web and mobile applications.

Core Features & Use Cases

  • Design System Generation: Automatically generate a complete design system with patterns, styles, colors, typography, and key effects.
  • Domain-Specific Searches: Search across various design domains like style, color, typography, and more.
  • Stack Guidelines: Access implementation-specific best practices for HTML, React, Vue, Svelte, and more.

Quick Start

Generate a design system for a "SaaS dashboard" project.

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

To generate a design system, this Skill uses reasoning and search across predefined domains to deliver comprehensive guidelines for patterns, styles, colors, typography, and key effects. Specify your project context like a SaaS dashboard to get started.

Can I get UI/UX guidance for specific frontend stacks like React, Vue, or Svelte?▼

Yes, UI/UX guidance includes implementation-specific best practices for frontend stacks like HTML, React, Vue, and Svelte. It searches across stack guidelines to provide recommendations tailored to your chosen framework.

What is design system generation and how does it help with UI/UX design?▼

Design system generation automatically produces a structured set of patterns, styles, colors, typography, and effects for web and mobile applications. It streamlines creating professional designs by providing comprehensive guidelines.

Do I need Python and pandas to use this UI/UX design guidance tool?▼

Yes, Python is required along with libraries like pandas and json. These dependencies process data and JSON structures to reason across predefined design domains and deliver system recommendations.

What's the best way to search for specific UI/UX design domains like typography or color?▼

The best way is to query specific design domains like style, color, or typography directly. The Skill employs reasoning and search across these domains to return focused design guidelines and recommendations.

Related Skills

Explore More Design & Creative Skills→
bomm79crisbomm79cris

python-executor

Execute Python code securely in a sandboxed environment with pre-installed libraries.

Community
Advanced
nimeshgurungnimeshgurung

ui-design-system

Generates design system tokens for colors, typography, spacing, and breakpoints.

Community
Advanced
shynlee04shynlee04

Frontend Components

Guide reusable UI component development with defined interfaces and state management.

Community
Intermediate
SouleymaneSy7SouleymaneSy7
2

ui-ux-pro-max

Generate UI/UX design systems with searchable design element databases.

Community
Advanced