Skip to main content
affpapa.org
RU EN
skill Claude Code CX Codex Cursor GitHub Copilot

ui-ux-pro-max · nexu-io — Claude Code skill: what it does, how to install

A discovery catalog entry for the UI/UX Pro Max skill in OpenDesign. It registers design system triggers so agents recognize interface usability requests.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add nexu-io/open-design --skill ui-ux-pro-max -a claude-code
Open on GitHub

What ui-ux-pro-max does

This entry registers metadata under the design-systems category in OpenDesign. The agent picks it up when triggered by phrases like usability, design patterns, or the skill name ui-ux-pro-max. It guides the agent toward design system conventions during planning.

OpenDesign packages only the discovery SKILL.md file. It does not include the upstream scripts/search.py helper, templates, or searchable CSV data. Without those files, the local pattern search workflow cannot run.

If you do not install the original assets from nextlevelbuilder/ui-ux-pro-max-skill, the agent falls back to default OpenDesign design system rules. This is a clear signal to grab the upstream repository if you need local search scripts.

What it helps with

  • register UI/UX heuristics during agent task planning
  • expose design system triggers in the OpenDesign catalog
  • fall back to standard OpenDesign design guidance when upstream scripts are missing

Example prompts for the agent

  • apply ui-ux-pro-max to inspect this modal
  • evaluate our interface with ux heuristics
  • check design patterns for this checkout form

How to install ui-ux-pro-max

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill ui-ux-pro-max -a claude-code

2Manually: put the files in place

~/.claude/skills/ui-ux-pro-max/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/ui-ux-pro-max/

From the same set39

The whole set →
frontend-design nexu-io Skill for building frontend interfaces with considered typography, color and layout — from landing pages to dashboards. Claude Code CX Codex Cursor +1 4,800installs threejs nexu-io Guides the agent in building browser 3D scenes, materials, interactive controls, and post-processing with Three.js. Claude Code CX Codex Cursor +1 3,400installs creative-director nexu-io This skill takes a creative concept from brief to presentation and checks it on three axes. Use it for campaign ideas and creative critique. Claude Code CX Codex Cursor +1 3,400installs design-brief nexu-io Parses an I-Lang design brief into a concrete spec with palette, typography, density, and constraints. Eliminates ambiguity from phrases like "make it professional." Claude Code CX Codex Cursor +1 3,400installs apple-hig nexu-io Integrates Apple Human Interface Guidelines for iOS, macOS, visionOS, watchOS, and tvOS into your coding agent during planning. Claude Code CX Codex Cursor +1 3,200installs hatch-pet nexu-io Creates, validates, and packages 8×9 animated pet spritesheets for Codex. Use it when turning visual references or concept prompts into importable digital pet companions. Claude Code CX Codex Cursor +1 3,100installs d3-visualization nexu-io This skill teaches the agent to create interactive D3.js visualizations. Use it to generate charts for dashboards, reports, and data-rich prototypes. Claude Code CX Codex Cursor +1 3,100installs design-review nexu-io Audits UI visually, fixes flaws with atomic commits, and captures before/after screenshots. Useful for tightening shipped interface code right before launch. Claude Code CX Codex Cursor +1 3,100installs

Other versions of ui-ux-pro-max

ui-ux-pro-max nextlevelbuilder Equips coding agents with a local catalog of 119 UX guidelines, 74 font pairings, and 192 product palettes. Useful when designing components or tuning accessibility. Claude Code CX Codex Cursor +1 413,800installs

Similar

ux-copy official anthropics Draft or review interface text, from button labels to error messages. Useful when wording needs to fit a specific screen, user state, and tone. Claude Code CX Codex Cursor +1 4,600installs image-generation bytedance Builds structured JSON prompts and executes a Python script to generate images with optional reference files. Useful for character design and complex scene rendering. Claude Code CX Codex Cursor +1 2,900installs responsive-design Seth Hobson Guides responsive UI work with mobile-first styles, container queries, and fluid values. Use it when pages or components need to adapt to available space. Claude Code CX Codex Cursor 20,956installs scroll-world oso95 This skill builds a landing page where scrolling drives a camera that dives into each scene and moves to the next with no cuts. Claude Code CX Codex Cursor +1 4,800installs excalidraw-diagram coleam00 Generates .excalidraw JSON diagram files for technical architectures and workflows. Helps turn system specs or logic into diagrams with real data examples. Claude Code CX Codex Cursor +1 8,500installs design-system official anthropics This skill audits a design system, documents components, and helps extend existing patterns. Use it when tokens, states, naming, or accessibility need a closer check. Claude Code CX Codex Cursor +1 4,200installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. Claude Code 1,424,476installs

Questions about ui-ux-pro-max

How do I install ui-ux-pro-max in Claude Code?

Run npx skills add nexu-io/open-design --skill ui-ux-pro-max -a claude-code. The skill file is placed in ~/.claude/skills/ui-ux-pro-max/SKILL.md.

What does this catalog entry do?

It provides discovery metadata for agent planning under the design-systems category. It tells the agent when to recognize UI/UX pattern and usability requests.

Does OpenDesign bundle the pattern CSV files and search scripts?

No, OpenDesign only includes discovery metadata in SKILL.md. To run scripts/search.py and search data tables, install the upstream files from nextlevelbuilder/ui-ux-pro-max-skill.

Source text

SKILL.md · Apache-2.0 
---
name: ui-ux-pro-max
description: |
  Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.
triggers:
  - "ui ux patterns"
  - "design patterns"
  - "ux heuristics"
  - "usability"
od:
  mode: design-system
  category: design-systems
  upstream: "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill"
---

# ui-ux-pro-max

> Curated from @nextlevelbuilder.

## What it does

Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.

## Current OpenDesign scope

OpenDesign currently ships this entry as discovery metadata only. If this `SKILL.md`
is the only file under `skills/ui-ux-pro-max/`, the upstream UI/UX Pro Max
workflow is not available locally.

The full upstream workflow expects additional assets such as the searchable
`data` CSVs, the `scripts/search.py` helper, reference material, templates, and
related upstream skill instructions. Without those files, do not tell users that
the full UI/UX Pro Max pattern library or template search is active.

## Source

- Upstream: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
- Category: `design-systems`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
```

Then ask the agent to invoke this skill by name (`ui-ux-pro-max`) or with
one of the trigger phrases listed in this skill's frontmatter.

If those upstream files are not installed, explain that OpenDesign only has the
catalog entry for this skill and ask whether to continue with OpenDesign's
default design-system guidance instead.

© nexu-io · Apache-2.0 · nexu-io/open-design

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor