skills.rest
timikalo7
timikalo7COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates design systems and UI/UX recommendations from a searchable design rule database.

Updated Jun 9, 2026
Search Tags:#typography#accessibility#responsive design#design system#color palette#ui design#ux guidelines
One-click install
npx skills add https://github.com/timikalo7/Execute --skill ui-ux-pro-max-timikalo7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/timikalo7/Execute/tree/main/.claude/skill-library/ui-ux-pro-max
Command: npx skills add https://github.com/timikalo7/Execute --skill ui-ux-pro-max-timikalo7

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing the right style, color palette, typography, and interaction patterns for a web or mobile interface is slow and error-prone, and reviewing UI code for accessibility and usability issues requires deep design knowledge. This Skill provides a searchable database of design rules and a CLI that generates complete, reasoned design systems for any product type. ## Core Features & Use Cases - Design System Generation: Run a single CLI query to get a full design system (pattern, style, colors, typography, effects) with reasoning and anti-patterns, optionally persisted as a Master file plus per-page overrides. - Domain Search: Query 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks including React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - UI Review Checklists: Apply a priority-ordered rule set covering accessibility, touch targets, performance, animation, forms, navigation, and charts to audit existing interfaces. - Use Case: When asked to build a fintech dashboard, run the design-system command to get a matched style, palette, and font pairing, then verify the implementation against the accessibility and responsive-layout checklists. ## Quick Start Ask the AI to generate a design system for your product type, for example: design a landing page for a beauty spa using the ui-ux-pro-max design system recommendations.

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 new web or mobile app?▼

Run the search.py CLI with your product type and keywords plus the --design-system flag, for example a query like "fintech dashboard" returns a matched style, color palette, typography, effects, and anti-patterns. Add --persist to save it as a Master file with optional per-page overrides.

What design resources are included for choosing colors and fonts?▼

The database contains 161 color palettes, 57 font pairings, 50+ styles such as glassmorphism and brutalism, and 161 product types with reasoning rules. You query them by domain using flags like --domain color or --domain typography.

Which frameworks and platforms does this design guidance support?▼

It covers 10 stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and plain HTML/CSS. Rules reference platform standards like Apple HIG, Material Design, and WCAG, and it integrates with shadcn/ui MCP for component search.

How do I review existing UI code for accessibility and UX issues?▼

Use the priority-ordered Quick Reference checklist in the Skill, starting with accessibility rules like 4.5:1 contrast, focus states, and aria labels, then touch targets, performance, and layout. Each rule lists concrete thresholds and anti-patterns to check against.

What are the requirements to run the design search tool?▼

Python 3 must be installed; the Skill provides install commands for macOS, Ubuntu/Debian, and Windows. On Windows, invoke scripts with python instead of python3. No other external packages are required.

When should I not use this UI/UX design skill?▼

Skip it for pure backend logic, API or database design, non-visual performance work, infrastructure, and automation scripts. It applies only when a task changes how a feature looks, feels, moves, or is interacted with.

Related Skills

Explore More Design & Creative Skills→
Adelie-SquadAdelie-Squad
17

Brand Marketer Agent

Generate brand strategy, naming, tone, and visual guidelines from business inputs.

Official
Advanced
hamza-sahinhamza-sahin

ui-ux-pro-max

Generates a Master design-system document and page-specific overrides from UI/UX guidelines.

Community
Advanced
okatech-orgokatech-org

ui-visual-validator

Automate visual validation of UI changes against design systems and accessibility criteria.

Community
Advanced
reason-machinesreason-machines
4

better-design-shadcn-themes

Install themed shadcn/ui components from 31 design systems via the shadcn CLI.

Official
Intermediate