Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add tranfu-labs/tranfu-skills --skill ui-ux-pro-maxgit clone --depth 1 https://github.com/tranfu-labs/tranfu-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/tranfu-labs/tranfu-skills/ui-ux-pro-max)<a href="https://agentmods.dev/skills/tranfu-labs/tranfu-skills/ui-ux-pro-max"><img src="https://agentmods.dev/badge/skills/tranfu-labs/tranfu-skills/ui-ux-pro-max/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/tranfu-labs/tranfu-skills/ui-ux-pro-max"><img src="https://agentmods.dev/badge/skills/tranfu-labs/tranfu-skills/ui-ux-pro-max.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00000 | $0.01136 |
| Opus 5.5 | $0.00000 | $0.00454 |
| Sonnet 5.5 | $0.00000 | $0.00227 |
| Haiku 4.5 | $0.00000 | $0.00114 |
Grade A, and why
ui-ux-pro-max scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 67 lines — stays where its author put it; the contents beside it link to each section on GitHub.
ui-ux-pro-max (external thin pointer)
这是一个 external 薄指针 —— 仓库里只存 frontmatter 和推荐者补充内容, 不存 skill body.
首次 tfs install ui-ux-pro-max 时, install 流程会从 source_url 拉最新内容到本地 ~/.claude/skills/ui-ux-pro-max/, 上游附带 npx uipro-cli init --ai claude CLI 安装器 + Python 检索脚本.
- 上游: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
- 官网: https://uupm.cc
- License: MIT
更新内容请直接看上游 README / CLAUDE.md, 别在本仓库改 body.
推荐场景
适用:
- 起新项目 / 做落地页前, 一次性出设计系统基线 (风格 + 配色 + 字体 + 排版)
- 卡在"该选什么色板 / 字体配对 / 图表类型"时, 当作可检索的设计参考库
- 团队需要统一 UI/UX 守则 (99 条), 用作 reviewer / 设计师参考
不适用: 已有成熟设计系统的项目 / 纯功能代码改动 / 只想要单张 SVG 图 (走 fireworks-tech-graph).
同类 Skill 对比
由 tranfu-publish 起草, 推荐者签字.
公司库内
- 暂无 (设计系统数据库类 skill 公司库里是第一个)
外部世界
- Anthropic frontend-design — 反 "AI slop" 的原则性 skill, 教 AI 像前端工程师那样思考; 本 skill 区别: 给"可检索数据集 + prompt", 不是只给原则, 适合卡选型时直接查
- shadcn/ui 官方 skill — 让 AI 了解项目 components.json + 框架 + 已装组件; 本 skill 区别: 不绑 shadcn 生态, 覆盖 React/Vue/Svelte/SwiftUI/Flutter 等 15+ 栈, 视野更宽
- Vercel Web Design Guidelines — 审 UI 代码合规 (100+ a11y/性能规则); 本 skill 区别: 不审代码, 而是给"选什么"的输入, 与 Vercel skill 互补
本 skill 独特价值
- 数据集量级是同类 skill 里最大的 (67/161/57/99/25)
- 一句
--design-system五域并行检索, 直接出完整基线 - 上游同时支持 18 种 AI 平台 (Claude/Cursor/Windsurf/Copilot/Codex 等), 团队混用工具时行为统一
使用技巧
由 tranfu-publish 引导起草.
材料方案
- 装上游前先想清是要"基线一次出" (用
--design-system) 还是"局部查" (用--domain) - 跟 Anthropic frontend-design 叠用: 本 skill 给输入, frontend-design 校审美原则
- 跟 fireworks-tech-graph 互补: 设计系统出来后, 架构图走画图 skill
推荐用法
- 第一次跑:
python3 src/ui-ux-pro-max/scripts/search.py "saas dashboard" --design-system - 局部检索:
--domain style|color|typography|chart|ux|landing|product - 指定栈:
--stack react|nextjs|vue|svelte|swiftui|...(默认 html-tailwind)
已知限制
- 数据集是静态 CSV, 设计趋势更新依赖上游版本 (当前 v2.5.0)
- BM25 + regex 检索, 语义模糊查询 (e.g. "复古但不土") 命中率一般
- Python 3 依赖, 没装 python 的环境跑不了检索脚本
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 2mo ago First seen · 67 lines · 0 tokens per session scan A 13ddd29e6268
ui-ux-pro-max is a skill published in the GitHub repository tranfu-labs/tranfu-skills (2 stars, last pushed 24d ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 1,136 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
webgl-holographic-foil
A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.
html-ppt-hermes-cyber-terminal
OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.
html-ppt-taste-brutalist
16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).
visual-ralph
Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ultragoal with built-in visual verdict and pixel-diff evidence until the implementation matches and leaves a reproducible design system.
glance-canonical-layouts
Use this skill to create home screen widgets using Jetpack Glance Canonical Layouts from the Android Platform Samples project, or when asked to implement standard widget layout patterns (including Check List, Image Grid, Snap Scrolling, and Standard Toolbar).
accessibility
Consolidated accessibility skill entrypoint for WCAG 2.2, ARIA Authoring Practices, cognitive accessibility, Section 508, EN 301 549, design intent verification, and the Accessibility Planner workflow.