Home / All Skills / Design & Motion / ui-ux-pro-max
Design & Motion · nextlevelbuilder/ui-ux-pro-max-skill

ui-ux-pro-max

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

L4 High-Privilege · Graded auth & full auditV1 Commit-PinnedExecute CommandWrite FileDual-pass Audit
Author nextlevelbuilderGitHub nextlevelbuilder/ui-ux-pro-max-skill ↗Stars 126346License MIT(GitHub API spdx MIT;仓库根 LICENSE 存在)Commit 4aad0584d9
Control levels describe skill capabilities and suggested control measures; they do not represent quality or safety certifications, nor do they dictate usability. Usage decisions rest entirely with users and administrators. Different agent hosts apply varying constraints; do not assume hosts provide automatic protection. Third-party skill copyrights belong to their original authors. Use at your own risk.

1How It Works & Mechanism

The core is an onboard local BM25 search engine: implemented purely in the Python standard library with zero third-party dependencies and zero runtime network access; data files are resolved relatively via __file__, making the skill directory itself the knowledge base, capable of running in any plugin root.

.claude/skills/ui-ux-pro-max/scripts/core.py
import csv import difflib import re from pathlib import Path from math import log from collections import defaultdict
Corresponds to the file header 'UI/UX Pro Max Core - BM25 search engine for UI/UX style guides' and 'DATA_DIR = Path(__file__).parent.parent / "data"'—completely decoupling the retrieval layer from external models and the network.

Hit evaluation relies on dual thresholds of BM25 score + keyword coverage, proactively abstaining (returning empty rather than weak data) on low confidence; SKILL.md reciprocally mandates '0 hits -> retry once -> if still empty, explicitly state it is from built-in defaults', providing dual protection against hallucination.

.claude/skills/ui-ux-pro-max/scripts/core.py
abstain = (top_score <= threshold["min_score"] or coverage < threshold["min_coverage"] or (threshold["min_margin"] > 0 and top_score - runner_up_score < threshold["min_margin"]))
Domain-level threshold tables (min_score per domain, landing domain min_coverage 0.5) and stack thresholds (min_score 3.6, min_coverage 1/3) are defined in lines 208-213 of the same file.

17 search domains + 22 technology stacks are declaratively driven by CSV_CONFIG and stack CSVs (each domain restricting search_cols and output_cols); retrieval scores exclusively against restricted columns of specified CSVs, inherently eliminating noise from irrelevant fields.

.claude/skills/ui-ux-pro-max/scripts/core.py
"style": { "file": "styles.csv",
data/stacks/ actually contains 22 CSVs (react/nextjs/vue/svelte/astro/swiftui/flutter/jetpack-compose/wpf/winui/uno/uwp, etc.), aligning with the SKILL.md Step 4 declarations.

--design-system is an orchestration pipeline rather than mere concatenation: determines category by product domain -> applies ui-reasoning.csv inference rules -> executes weighted multi-domain search across style/color/landing/typography -> outputs a coherent set of patterns, styles, palettes, fonts, effects, and anti-patterns.

.claude/skills/ui-ux-pro-max/SKILL.md
This aggregates product/style/color/landing/typography matches, applies reasoning rules from `ui-reasoning.csv`, and returns pattern, style, colors, typography, effects, and anti-patterns to avoid.
The entry point in search.py is the '--design-system' mode (including -p project name, -f ascii/markdown, --json, and three knobs: --variance/--motion/--density); the three 1-10 knobs bias output without modifying queries (low = centered/minimalist, high = bold/asymmetric, etc.).

Decision rules use a constrained DSL rather than executable code: reasoning_contract.py performs only deterministic parsing and rewriting while explicitly declaring 'never execute data', validating action prefixes against an allowlist (constraint/style/pattern/mode); data poisoning causes at most rule-matching errors rather than arbitrary code execution.

.claude/skills/ui-ux-pro-max/scripts/reasoning_contract.py
"""Return deterministic mutations and an audit trail; never execute data."""
Allowlist evidence is in lines 45-47 of the same file: ALLOWED_CONDITIONS / ACTION_PREFIXES = {"constraint", "style", "pattern", "mode"} / TOKEN_ACTION_PREFIXES; zero eval/exec/subprocess calls found across the codebase.

Persistence uses a 'Master + Overrides' model with conservative disk writing: --persist strictly requires --output-dir, sanitizes project names via safe_slug ([a-z0-9_-] to prevent path traversal), and uses temp + NamedTemporaryFile + os.link for atomic exclusive publishing—existing MASTER.md files are skipped by default, and --force requires explicit user authorization to overwrite.

.claude/skills/ui-ux-pro-max/scripts/design_system.py
def safe_slug(name, fallback: str = "default") -> str:
Lines 976-989 of the same file detail NamedTemporaryFile writing + 'os.link(temp_name, path)' exclusive publishing, with FileExistsError branches in lines 1037/1058; SKILL.md explicitly states 'Never use `--force` without explicit user authorization.'

The workflow contract formalizes 'no guessing' into a query discipline: Step 1 detects the actual stack (package.json/pubspec.yaml/*.xcodeproj, prompting if undetected, forbidding hardcoded defaults) -> Step 2 design system -> Step 3 on-demand domain search -> Step 4 stack guidelines; queries enforce a single dominant intent + 2-5 words + one constraint.

.claude/skills/ui-ux-pro-max/SKILL.md
If nothing is detectable and stack guidance matters, ask the user. **Never assume a stack**
Zero-hit discipline source text: '## If a search returns 0 results … Do not fabricate output.'; output message aligned: 'No matches. This is not a match with an empty value' (in search.py, preventing agents from treating empty results as valid data).

2Core Capabilities

01One-click generation of comprehensive design systems (--design-system: patterns/styles/palettes/fonts/effects/anti-patterns + reasoning rules)
02Targeted search across 12+ domains (style/color/product/ux/typography/google-fonts/icons/gsap/chart/landing/react/web…), with automatic domain detection or explicit routing to prevent misdirection
03Implementation guidelines for 22 tech stacks (stacks/*.csv totaling 1,260 rows, including deprecated/active gating), enforcing stack detection before retrieval and prohibiting default stack assumptions
04Accessibility/UX rule repository (119 rules, including WCAG), adopting a 'semantic results first' query pattern (ux domain results before component domains/stacks)
05GSAP animation presets + three 1-10 design knobs (variance/motion/density) to bias output without altering queries
06Cross-session design system persistence (design-system/<slug>/MASTER.md + pages/<page>.md, preserving existing decisions by default)
07Font, icon, and chart catalog: 1,934 Google Fonts (including license snapshots), 105 curated icons, 25 chart types, and 17 GSAP presets
08Native/mobile pre-delivery specifications and canonical Pre-Delivery Checklist (references/pro-rules.md)

3External Dependencies

KindDependency / Endpoint
network运行时零外联(search.py/core.py/design_system.py/reasoning_contract.py 均无网络模块——import 审计全标准库)
network维护期(仓库 CI refresh-catalogs.yml,非 skill 运行时、不随 skill 分发):Google Fonts Developer API 快照
network维护期:官方 google/fonts 仓库许可证元数据 sparse clone
package维护期:npm 安装 pin 版 @phosphor-icons/core 与 @phosphor-icons/react(--ignore-scripts)导出图标清单

4Recommended Governance & Evidence

Suggested Controls for Safe Operation
For Agent Runtime
Graded/per-use authorization, sandbox recommended
For Administrators
Approval workflow, rollback support, full audit
Evidence & Triggers (File Paths & Excerpts)
  • scripts/: Local script or command execution: python3 scripts/search.py — invoked manually by the agent per SKILL.md instructions (single CLI invocation: --domain/--de
  • 本地工作目录: File I/O and artifact output: Written to design-system/<project-slug>/MASTER.md and associated paths strictly when explicitly triggered via --persist + --output-dir
Audit Notes: Attack surface = local standard library script execution + local file I/O: Search scripts (pure stdlib, zero third-party dependencies, zero runtime network) are called on demand by the agent; disk writes require explicit --persist + --output-dir triggers with triple safeguards (anti-traversal, atomicity, default non-overwriting); no credential access, no automated execution chains, and no hidden scripts (all 5 runtime/maintenance py files are readable standard library code). Residual risks are strictly related to content adoption and data supply chains rather than arbitrary code execution.

5Second-Pass Verification

  • [ok] 运行时零网络 — search.py 头 import(argparse/json/sys/io + 本地三模块)与 core/design_system/reasoning_contract 的 import 全为标准库;scripts/ 全树 grep requests/urllib/socket/http/curl/wget 零命中(tests 内 URL 为数据校验用字面量)。
  • [ok] 功能声明数字 vs 实际数据行数 — 行级计数:styles 88(50 active+29 supplemental+9 deprecated=可检索 79)、products/ui-reasoning/colors 192、typography 74、google-fonts 1934、ux-guidelines 119、icons 105、motion 17、charts 25、landing 34、stacks 22 文件 1260 行——与 description 及 catalog-summary.json 完全一致,无夸大。
  • [ok] 持久化写盘面(防穿越/原子/不覆盖) — design_system.py 精读:safe_slug 只留 [a-z0-9_-]、NamedTemporaryFile 写入 + os.link 排他发布、FileExistsError 默认跳过、--force 分支才覆盖;与 SKILL.md 'skips writing and leaves it untouched unless you also pass --force' 一致。
  • [ok] 决策规则无执行面 — reasoning_contract.py 无 eval/exec/subprocess/动态 import;ALLOWED_CONDITIONS/ACTION_PREFIXES/TOKEN_RE 白名单 + ValueError;docstring 'never execute data.'。
  • [ok] 凭证/env 读取 — 运行时唯一 env 读取 = design_system.py:615 COLORTERM;无 keychain/.env/密钥文件访问;CI 工作流使用的 GOOGLE_FONTS_API_KEY 为 GitHub secrets(仓库侧,非本机)。
  • [ok] 外部依赖真实性 — 3 条『维护期』条目逐一在 .github/workflows/refresh-catalogs.yml 65/91/121-123 行找到真实调用点;运行时外部依赖为空。
  • [ok] stars/活跃度/commit — GitHub API:stars 126346、pushed_at 2026-09-06T11:29:23Z、MIT;本地 git HEAD == pin 4aad0584d92131626b16d4ff4d77f0455385013c(2026-09-06 18:29:23 +0700)。
  • [ok] 分级校准(六档范式) — 运行自带 stdlib 本地脚本 + 显式触发本地写、无网络外发、无凭证 → blue(旧文件曾记 green,按 2026-09-09 统一分档准则校准为 blue);reason 已重写。

6Verdict & Scenarios

  • Authentic, verifiable scale: The claimed 88 styles, 192 product profiles, 1,934 fonts, and 119 UX rules have been fully verified row by row, backed by catalog-summary sha256 snapshots and provenance/freshness governance.
  • Rarely seen engineering rigor in anti-hallucination: Dual-threshold BM25 + coverage abstention, zero-hit tool messaging preventing falsification, and SKILL enforcement requiring a retry or an explicit fallback annotation.
  • Purely local with a minimal supply-chain footprint: Zero network and zero API keys at runtime, relying exclusively on the standard library; installation is just text data and scripts; disk writes feature non-overwrite defaults, traversal protection, and atomic publishing.
  • The Master + Overrides persistence model turns the design system into a retrievable cross-session project asset, completing a closed loop from search and generation to disk storage and reuse.
  • Extensive coverage and practical applicability: 22 stacks (including uncommon desktop and native stacks) with Severity, Docs URL, Status, and Verified At columns, making recommendations fully traceable to official documentation URLs.
  • Best for: Ideal for AI coding workflows across 19 platforms (such as Claude Code) involving web, mobile, and desktop UI design, review, or refactoring; frontend development needing end-to-end guidance from style -> palette -> typography -> implementation code across multiple frameworks; offline or intranet environments; and teams preferring verifiable local knowledge bases over live web searches.
    Not for: Scenarios requiring real-time framework documentation or the latest component APIs (snapshot knowledge may lag; separate online verification is recommended); visual asset/image generation; purely backend or non-visual logic tasks (explicitly skipped per skill docs); teams treating heuristic aesthetic advice as authoritative certification; automated pipelines expecting zero human review (the design explicitly requires agents to handle zero-hit outcomes).
    Install Agent-Ready
    ① Verified Mirror 2026-09-09
    Option A · Direct DownloadDownload ui-ux-pro-max.tar.gz
    sha256: 7d01e476eb54034d…
    Option B · Copy Guide for Agent
    install.json
    Agents automatically download and verify mirrors from this JSON guide.
    ② Upstream GitHub
    GitHub Repo ↗
    Pinned to commit 4aad0584d9.