Claude MarketplacesSubmit
aradotso avatar

Ui Ux Pro Max Skill

aradotso/trending-skills

This is a comprehensive design system generator that gives coding agents actual design intelligence instead of making them guess. It searches across 161 reasoning rules, 67 UI styles, 161 color palettes, and 57 font pairings to output complete design systems (colors, typography, patterns, effects, and pre-delivery checklists) from a product description. Works via Python API or CLI, generates Tailwind configs and CSS variables automatically. Built by ara.so for their Daily 2026 Skills collection. Good for when you want professional UI decisions baked into agent workflows rather than iterating on vague prompts or defaulting to generic SaaS aesthetics.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
6
skills.sh installs
1.9K
GitHub stars
61
last updated
Jul 14, 2026
View on GitHub

Install

$ npx -y skills add aradotso/trending-skills --skill ui-ux-pro-max-skill --agent claude-code

Installs into .claude/skills of the current project.

Files

UI UX Pro Max Skill

Skill by ara.so — Daily 2026 Skills collection.

UI UX Pro Max is an AI skill that injects design intelligence into coding agents — giving them 161 industry-specific reasoning rules, 67 UI styles, 57 font pairings, 161 color palettes, and pre-delivery checklists to produce professional, accessible, conversion-optimized interfaces on the first attempt.

Installation

Via CLI (Recommended)

# Install the CLI globally
npm install -g uipro-cli

# Add the skill to your project
npx uipro-cli install

# Or install globally
npx uipro-cli install --global

Via Python (Direct)

# Clone the repository
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git
cd ui-ux-pro-max-skill

# Install dependencies
pip install -r requirements.txt

# Run the design system generator
python main.py

Manual SKILL.md Integration

Copy the generated SKILL.md into your project root so agents like Claude Code, Cursor, Codex, or Windsurf automatically pick it up:

cp SKILL.md /your-project/SKILL.md

Core Concepts

Design System Generator

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/aradotso/trending-skills
Categories
Frontend Development, Design & UI/UX
First seen
Apr 16, 2026

More from aradotso/trending-skills

All 251

Recommended

More Frontend Development
1nexu-io avatardesign-taste-frontend-v1nexu-io/open-designThe original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is 1.8Kskills.sh installs
2botpress avataradk-frontendbotpress/skillsGuidelines for building frontend applications that integrate with Botpress ADK bots - covering authentication, type generation, client setup, and calling bot ac1.7Kskills.sh installs
3forcedotcom avatarbuilding-ui-bundle-appforcedotcom/afv-librarybuilding ui bundle app1.5Kskills.sh installs
4forcedotcom avatarimplementing-ui-bundle-agentforce-conversation-clientforcedotcom/afv-libraryimplementing ui bundle agentforce conversation client1.5Kskills.sh installs
5forcedotcom avatarimplementing-ui-bundle-file-uploadforcedotcom/afv-libraryimplementing ui bundle file upload1.5Kskills.sh installs
6mindrally avatarreact-querymindrally/skillsGuidelines for using React Query for data fetching, caching, and server state synchronization in React applications1.5Kskills.sh installs