Ui Ux Pro Max

Name: Ui Ux Pro Max
Author: jgamaraalv

ASecurity

UI/UX design intelligence — pick styles, color palettes, font pairings, layout & UX patterns across 10 stacks. Use when designing, building, reviewing, or restyling a web/mobile interface.

4 stars

0 votes

0 copies

0 views

Added 9/19/2026

developmentpythongobashreactdatabaseperformance

Works with

cli

Security Analysis

A100/100

Pro scans all 17 files and shows the line behind each finding

Scanned 9/19/2026

$npx -y skills add jgamaraalv/delivery-loop --skill ui-ux-pro-max --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Ui Ux Pro Max?

Add the live security badge to your README — it updates automatically with every re-scan.

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/jgamaraalv-ui-ux-pro-max/badge)](https://www.skillsdirectory.com/skills/jgamaraalv-ui-ux-pro-max)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

Files

SKILL.md

---
name: ui-ux-pro-max
description: UI/UX design intelligence — pick styles, color palettes, font pairings, layout & UX patterns across 10 stacks. Use when designing, building, reviewing, or restyling a web/mobile interface.
---

# UI/UX Pro Max - Design Intelligence

Comprehensive design guide for web and mobile applications. Contains 50+ styles, 161 color palettes, 57 font pairings, 161 product types with reasoning rules, 99 UX guidelines, and 25 chart types across 10 technology stacks. A searchable database (`scripts/search.py` over `data/` CSVs) gives priority-based design recommendations.

This SKILL.md is the thin entry point. Bulky reference material lives under `references/` and is read on demand — see **References** below.

## Workflow at a High Level

The skill is data-driven: a Python CLI (`scripts/search.py`) queries CSV catalogs under `data/` and returns priority-ranked design recommendations.

**To design or build a page/component:**

1. **Analyze requirements** — extract product type, target audience, style keywords, and stack.
2. **Generate a design system (REQUIRED first step)** — run `search.py "<keywords>" --design-system` to get a complete recommendation (pattern, style, colors, typography, effects + anti-patterns). Optionally `--persist` it as a Master + page-overrides set for cross-session reuse.
3. **Supplement with domain searches** — deep-dive any dimension you're unsure about with `--domain <domain>`.
4. **Add stack guidelines** — `--stack react-native` for implementation-specific best practices.
5. **Synthesize and implement**, then run the pre-delivery checks.

**To review or fix existing UI:** start from the [Quick Reference](references/quick-reference.md) 10-category checklist; jump to the category that matches the problem.

Full step-by-step procedure, examples, output formats, and tips: [`references/workflow.md`](references/workflow.md).

## How to Search the Data

```bash
# Full design-system recommendation (always start here when designing)
python3 skills/ui-ux-pro-max/scripts/search.py "<product> <industry> <keywords>" --design-system [-p "Project"]

# Deep-dive one dimension
python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>]

# Stack-specific implementation guidance
python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack react-native
```

Domains: `product`, `style`, `color`, `typography`, `landing`, `chart`, `ux`, `google-fonts`, `react`, `web`, `prompt`. Requires Python 3 (`python3 --version`). See [`references/workflow.md`](references/workflow.md) for the full domain/stack tables, prerequisites, and persistence (`--persist`) details.

## References

Each file is loaded on demand — read one only when the task needs that depth (progressive disclosure).

- `references/workflow.md` — the full design-system generation workflow: prerequisites (Python), Steps 1–4 (analyze → `--design-system` → `--domain` searches → `--stack`), the `--persist` Master+overrides pattern, domain/stack tables, a worked example, output formats, and query tips · read when building or restyling a page/component.
- `references/quick-reference.md` — the 10 rule categories by priority (Accessibility, Touch & Interaction, Performance, Style Selection, Layout & Responsive, Typography & Color, Animation, Forms & Feedback, Navigation Patterns, Charts & Data) with every rule key and its standard · read when reviewing or fixing UI, or as a final quality pass.
- `references/app-ui-standards.md` — professional-polish rules for App UI (icons & visual elements, interaction, light/dark contrast, layout & spacing) plus the full pre-delivery checklist · read when delivering iOS / Android / React Native / Flutter UI.

Attribution

jgamaraalv

View source See grades on GitHub More from jgamaraalv →

SSkills DirectorySkills Directory

Your tool, in front of Claude Code builders.

3 founder slots · $299/mo · GSC-verified traffic · sponsors can never buy grades.

See placements

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments (0)

No comments yet. Be the first to comment!

--- name: ui-ux-pro-max description: UI/UX design intelligence — pick styles, color palettes, font pairings, layout & UX patterns across 10 stacks. Use when designing, building, reviewing, or restyling a web/mobile interface. --- # UI/UX Pro Max - Design Intelligence Comprehensive design guide for web and mobile applications. Contains 50+ styles, 161 color palettes, 57 font pairings, 161 product types with reasoning rules, 99 UX guidelines, and 25 chart types across 10 technology stacks. A searchable database (`scripts/search.py` over `data/` CSVs) gives priority-based design recommendations. This SKILL.md is the thin entry point. Bulky reference material lives under `references/` and is read on demand — see **References** below. ## Workflow at a High Level The skill is data-driven: a Python CLI (`scripts/search.py`) queries CSV catalogs under `data/` and returns priority-ranked design recommendations. **To design or build a page/component:** 1. **Analyze requirements** — extract product type, target audience, style keywords, and stack. 2. **Generate a design system (REQUIRED first step)** — run `search.py "<keywords>" --design-system` to get a complete recommendation (pattern, style, colors, typography, effects + anti-patterns). Optionally `--persist` it as a Master + page-overrides set for cross-session reuse. 3. **Supplement with domain searches** — deep-dive any dimension you're unsure about with `--domain <domain>`. 4. **Add stack guidelines** — `--stack react-native` for implementation-specific best practices. 5. **Synthesize and implement**, then run the pre-delivery checks. **To review or fix existing UI:** start from the [Quick Reference](references/quick-reference.md) 10-category checklist; jump to the category that matches the problem. Full step-by-step procedure, examples, output formats, and tips: [`references/workflow.md`](references/workflow.md). ## How to Search the Data ```bash # Full design-system recommendation (always start here when designing) python3 skills/ui-ux-pro-max/scripts/search.py "<product> <industry> <keywords>" --design-system [-p "Project"] # Deep-dive one dimension python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>] # Stack-specific implementation guidance python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack react-native ``` Domains: `product`, `style`, `color`, `typography`, `landing`, `chart`, `ux`, `google-fonts`, `react`, `web`, `prompt`. Requires Python 3 (`python3 --version`). See [`references/workflow.md`](references/workflow.md) for the full domain/stack tables, prerequisites, and persistence (`--persist`) details. ## References Each file is loaded on demand — read one only when the task needs that depth (progressive disclosure). - `references/workflow.md` — the full design-system generation workflow: prerequisites (Python), Steps 1–4 (analyze → `--design-system` → `--domain` searches → `--stack`), the `--persist` Master+overrides pattern, domain/stack tables, a worked example, output formats, and query tips · read when building or restyling a page/component. - `references/quick-reference.md` — the 10 rule categories by priority (Accessibility, Touch & Interaction, Performance, Style Selection, Layout & Responsive, Typography & Color, Animation, Forms & Feedback, Navigation Patterns, Charts & Data) with every rule key and its standard · read when reviewing or fixing UI, or as a final quality pass. - `references/app-ui-standards.md` — professional-polish rules for App UI (icons & visual elements, interaction, light/dark contrast, layout & spacing) plus the full pre-delivery checklist · read when delivering iOS / Android / React Native / Flutter UI.