taichu-ui-components SKILL.md skillA

taichu-ui-components from wyh201816/taichu is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add wyh201816/taichu/taichu-ui-components@git:20260710.44dade2

Pins git:20260710.44dade2 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
wyh201816/taichu
Path
.agents/skills/taichu-ui-components/SKILL.md
Versions recorded
2
Latest version
git:20260710.44dade2, committed Jul 10, 2026
First version recorded
Jun 27, 2026
Size
3,743 bytes
Repository stars
2
License
MIT

太初前端 UI 组件准入与复用规则。Use when Codex is implementing, modifying, reviewing, or automatically executing any frontend work under `web/`, including task-package execution, page/layout changes, React components, Tailwind styles, shadcn/ui components, visual effects, animations, command palettes, modals, cards, editor UI, entry page UI, paper-card UI, or user-visible frontend copy; trigger even when the user did not explicitly ask for a component library.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 太初 UI 组件准入

## 核心原则

任何太初前端开发任务都默认进入本 Skill,不限于用户显式提出“使用组件库”的场景。自动任务包、代码修复、页面改版、样式微调、组件重构、动效实现和前端 review,只要涉及 `web/` 下用户可见 UI,都必须执行本准入流程。

本 Skill 不定义视觉风格,也不替代根目录 `DESIGN.md`。页面模式、入口页例外、颜色、排版、动效和禁止项只以 `DESIGN.md` 为准;本 Skill 只规定组件如何选择、引入、改造和验证。

## 必读顺序

1. 先读取根目录 `DESIGN.md`,确认当前页面模式和适用边界。
2. 再检查 `web/components.json`、`web/package.json` 和 `web/src/components/ui/`,确认现有 shadcn/ui、Base UI、Tailwind、lucide 和本地基础组件能力。
3. 如果任务来自自动任务包,也按同样顺序执行;不要等待用户再次要求使用 UI 组件规则。

## 组件来源优先级

按以下顺序选组件:

1. 项目内已有组件:优先复用 `web/src/components/ui/` 和业务组件。
2. shadcn/ui 或 Base UI:需要基础交互组件时优先使用,落成本地源码后再适配太初 token。
3. Motion Primitives 类动效基础组件:只用于状态切换和 `DESIGN.md` 允许的克制动效。
4. Magic UI 类视觉素材:只允许提取粒子、光线、扫描线、细微动效等局部效果,并必须改造成太初设计语言。
5. Aceternity UI 类视觉素材:只允许作为局部参考或源码素材,不得直接套用营销区块、霓虹背景、炫光卡片或完整 landing 页面。

不得因为外部组件“好看”而绕过 `DESIGN.md`。

## 引入外部组件的规则

外部组件只能作为源码素材或 registry 输入,不能成为太初的全局视觉规则。

执行前检查:

- 是否能用已有组件完成。
- 是否符合 `DESIGN.md` 的页面模式与视觉边界。
- 是否需要新增依赖;如果需要,必须确认 `web/package.json`、`web/package-lock.json` 和启动脚本风险。
- 是否会引入大面积装饰、霓虹、游戏化或普通 SaaS landing 语言。

落地时要求:

- 组件源码放进项目组件目录后,必须改成太初 token。
- 所有用户可见文案必须中文。
- 图标优先使用 `lucide-react`。
- 动效必须尊重 `prefers-reduced-motion`。
- 不要把外部组件原始英文文案、品牌色、示例数据留在界面里。

## 自动任务检查清单
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add wyh201816/taichu/taichu-ui-components@sha256:f4edb849446fdbf3

The line at the top of this page pins the label git:20260710.44dade2, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_am7u3hvlqesk2zrq.svg)](https://markdownregistry.com/a/art_am7u3hvlqesk2zrq)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, between Jun 27, 2026 and Jul 10, 2026, about one every 13 days.

versioncommittedcommitsizeaudit
git:20260710.44dade2 latest2026-07-10 44dade2 3,743 BA view · diff
git:20260627.17585a72026-06-27 17585a7 4,923 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (3743 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

wyh201816/taichu · 2 stars · license MIT · pushed 2026-11-06 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_am7u3hvlqesk2zrq
GET https://markdownregistry.com/api/v1/resolve?ref=wyh201816/taichu/taichu-ui-components
GET https://markdownregistry.com/api/v1/blob/f4edb849446fdbf3f219851389ce978d9081241f239eb14dda63834870e2166f

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from wyh201816/taichu

taichu-acceptance-brief SKILL.md skill
wyh201816/taichu · .agents/skills/taichu-acceptance-brief/SKILL.md · 为太初任务包生成中文验收摘要。Use when 用户要求总结本次任务、整理给 GPT Pro 的验收材料、说明实现了哪些功能、说明网页怎么验证、生成手动验收步骤或复盘执行结果。
git:20260627.14df11f · audit A · 2 stars
taichu-git-publish SKILL.md skill
wyh201816/taichu · .agents/skills/taichu-git-publish/SKILL.md · 将太初当前任务的已验证变更提交并推送到远程仓库。仅当用户明确要求提交、推送或发布当前变更时使用,不因任务实现完成而自动触发。
git:20260710.44dade2 · audit A · 2 stars
taichu-task-package-execution SKILL.md skill
wyh201816/taichu · .agents/skills/taichu-task-package-execution/SKILL.md · 按 GPT Pro 产出的太初开发任务包执行代码变更。Use when 用户粘贴任务包、要求 Codex 执行任务、实现任务包、修复任务包问题、继续下一个开发任务,且不需要 Codex 重新做需求讨论或 PRD 拆解。
git:20260710.44dade2 · audit A · 2 stars
AGENTS.md AGENTS.md file
wyh201816/taichu · AGENTS.md
git:20260909.5eed9f7 · audit B · 2 stars
DESIGN.md DESIGN.md file
wyh201816/taichu · DESIGN.md
git:20260905.e14599e · audit A · 2 stars

Every file in wyh201816/taichu

Browse by kind, by grade A, or by owner.