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 Dong90/oh-my-taiyiforge --skill taiyi-ui-designgit clone --depth 1 https://github.com/Dong90/oh-my-taiyiforgeWrote 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/dong90/oh-my-taiyiforge/taiyi-ui-design)<a href="https://agentmods.dev/skills/dong90/oh-my-taiyiforge/taiyi-ui-design"><img src="https://agentmods.dev/badge/skills/dong90/oh-my-taiyiforge/taiyi-ui-design/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/dong90/oh-my-taiyiforge/taiyi-ui-design"><img src="https://agentmods.dev/badge/skills/dong90/oh-my-taiyiforge/taiyi-ui-design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector warn
SkillSpector: 2 findings, up to medium
These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →
- medium MCP Rug Pull · line 17 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
- medium MCP Rug Pull · line 162 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
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.00035 | $0.02219 |
| Opus 5.5 | $0.00014 | $0.00888 |
| Sonnet 5.5 | $0.00007 | $0.00444 |
| Haiku 4.5 | $0.00003 | $0.00222 |
Grade A, and why
taiyi-ui-design 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 1mo 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 — 210 lines — stays where its author put it; the contents beside it link to each section on GitHub.
taiyi-ui-design — UI/UX 设计契约
进入本阶段前请优先读
.taiyi/changes/<slug>/PHASE-CONTEXT.md（~500 tokens），不要全量加载上游工件。如果 PHASE-CONTEXT 包含 upstream 文档（如 REQUIREMENT.md）的参考节，优先阅读参考节而非完整上游文件。
框架集成
本阶段使用以下框架：
| 框架 | 用途 | 何时加载 |
|---|---|---|
| Harness | 阶段门禁与推进（status → continue；legacy：npx taiyi complete） |
全程 |
| OMO | 作为前端设计工作流入口 | 全程 |
Superpowers / GStack / OpenSpec / Spec-Kit 在本阶段不涉及。
前置门禁（Pre-flight）
0.1 入口判定
- DESIGN.md 已过关（
engineTruth确认） - UI-DESIGN.md 不应包含后续阶段的实现代码（TASK / DEV / TEST）
0.2 Profile 判定
| Profile | UI-DESIGN.md 要求 |
|---|---|
full |
完整：布局原型 + 交互/动效 + UI 组件拆解 + 无障碍 + 状态+异常 + 与 DESIGN.md 差异 |
ui |
同 full |
api |
跳过（无 UI 层） |
lite |
可选。如果有 UI，简化到布局原型 + 组件拆解即可 |
spike/micro |
跳过 |
nano |
跳过 |
0.3 前置检查清单
- design 阶段已过关
- 项目有 UI 层（如不是跳过）
步骤
工件契约
| 层 | 路径 | 职责 |
|---|---|---|
| 语义真源 | ui-design.json |
Zod（src/schemas/ui-design.ts） |
| 生成视图 | UI-DESIGN.md |
hbs（src/templates/ui-design.hbs） |
| 流程 | 本 Skill | Must/Should/Could、组件拆解、无障碍 |
工作流：编辑 json → scripts/taiyi-forge.sh render <slug> ui-design → status → continue。
详见 docs/taiyi/artifact-contract.md。
json 字段（Zod 摘要）
| 字段 | 要求 |
|---|---|
title |
设计标题 |
scope |
UI 范围说明 |
styling_contract |
可选；CSS 方案、禁止内联、主题变量规则 |
states |
可选；loading / empty / error 等状态描述 |
accessibility |
可选；键盘 / 焦点 / ARIA / 对比度清单 |
links |
可选；Figma / 设计稿链接 |
is_cli_only |
可选；纯 CLI 无 UI 时标注 |
写作指引（填入 json，render 生成 UI-DESIGN.md）
1. 确认已有 UI 基础设施
先 grep 项目中的 UI 基础设施（Tailwind / Shadcn / 组件库 / 设计 Token）并记录路径，后续组件拆解直接引用。
# grep -r "tailwind" package.json 2>/dev/null && echo "Tailwind found"
# grep -r "shadcn" package.json 2>/dev/null && echo "Shadcn found"
# grep -rn "taiyi-design-tokens" src/ 2>/dev/null || grep -rn "--color-" src/components/ 2>/dev/null | head -5
2. 产出 UI-DESIGN.md
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.
- 1mo ago First seen · 210 lines · 35 tokens per session scan A f5b02cb8af61
taiyi-ui-design is a skill published in the GitHub repository Dong90/oh-my-taiyiforge (859 stars, last pushed 16d ago), licensed MIT. It adds 35 tokens to every session and 2,219 once invoked, about $0.0001 per session on Opus 5.5. 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-30.
Other skills, from other repositories
pn-render-verify
Re-read a rendered or visual artifact and produce a structured verdict against the spec. Use before pn-skeptic-challenge in design workflows when the deliverable is a render, image, screenshot, or HTML page.
pn-animation
Motion roles (Reveal/Orient/Confirm/Delight) and budgets. Use when designing or auditing a motion system — load pn-gsap for GSAP API.
pn-design-variants
Generate 3+ radically different designs or API interfaces in parallel using sub-agents, then compare and synthesize. Based on "Design It Twice" from A Philosophy of Software Design. Use before committing to a single design approach — for UI layouts, component APIs, module interfaces, or system architecture choices.
pn-color-system
Color system design and implementation: OKLCH color space, tinted neutrals, palette structure, contrast, dark mode architecture, and token hierarchy. Use when establishing color tokens, theming, dark mode, or reviewing color choices.
pn-design-system
Establishes or maintains a design system: tokens, CSS variables, spacing/type scales, theming, and consistency auditing. Use when defining tokens or auditing components. The pn-design-system rule enforces token usage when editing CSS/SCSS files.
pn-wireframe
Produce a low-fidelity structural layout (information hierarchy, regions, components) from discovery spec before typography and tokens. Use when aligning on structure before high-fidelity design or build.