<!-- title: shadcn给AI代码立规矩 -->

AI 写代码的速度早已不是瓶颈，瓶颈换到了收尾：写完没人验，验完没人发。十月初翻 Skills 生态的新仓，最能打的已经不是「帮你想」「帮你写」，而是一批干脏活的新面孔——写完之后验一把、兜一把、发出去。本期挑三件同处「收尾位」的新仓：shadcn-ui/lint、shadcn-ui/cn、mikehasa/golive-skill。一件出自组件圈最有号召力的组织，一件九天涨了三成多，三件凑在一起，正好拼出 AI 编程时代的最后一公里。

## 评测对比表

| 维度（权重） | shadcn-ui/lint | shadcn-ui/cn | golive-skill |
|---|---|---|---|
| 功能完整度 25% | ★★★★ | ★★★★ | ★★★★ |
| 设计质量 25% | ★★★★★ | ★★★★ | ★★★★ |
| 实战效果 20% | ★★★★ | ★★★★ | ★★★☆ |
| 上手难度 15% | ★★★★ | ★★★★★ | ★★★☆ |
| 社区活跃度 15% | ★★★★ | ★★★★ | ★★★★ |
| **加权总分** | **4.25** | **4.15** | **3.83** |

评分口径：功能与设计看仓库定位与官方描述，实战与社区看星数与增速佐证（三件均以社区数据为据，未做长测），上手看安装形态与配置成本。

## 主件：shadcn-ui/lint——把验收标准写成机器能查的题

TypeScript 仓，截至 9 月 16 日 1870 星，上架不到四十五天冲到这个量级。官方描述只有一句：An agent-first linter for Tailwind design systems. Write design system rules that agents can verify——给 Tailwind 设计系统做的 linter，规则由你写，验规则的是 agent。

这句话里有三个词值得逐个抠。

**第一个词：agent-first。** 传统 linter 的产出是给人看的——CI 上一串红字，工程师眯着眼排查。agent-first 把输出对象换成了模型：检查结果会被喂回给写代码的那个 agent，让它自己改。linter 从「报告工具」变成了「反馈回路」的一环。这不是换个文案，是换了个客户。

**第二个词：design system rules。** 团队的设计规范历来活在两种地方：设计师的脑子里，和一份没人看的 Figma 文档里。lint 这条路线是把规范落成可执行的检查项——间距用哪几档、颜色能不能自造、组件必须从哪个库里拿。规范一旦写成规则，就从「希望你们遵守」变成了「不遵守就过不去」。

**第三个词：agents can verify。** 这是整件事的题眼。它反过来要求写规则的人：你的验收标准必须是机器可判定的。「界面好看一点」查不了，「主按钮只能用色板里的七个颜色」查得了。描述里这半句，其实是在教整个行业重新写需求。

和上个月拆过的 refactoring-ui-skill 对照着看更清楚。那件是把设计圣经整本搬进提示词，靠模型自觉临摹，管的是「写之前」；lint 这条路不劝模型，写完来查，查不过打回重写，管的是「写之后」。一个信教化，一个靠刑名。两条路线同属一个赛道，但治理哲学完全相反——而星数说明，刑名这条路至少不缺信众。

短板也说清楚。第一，一亩三分地：它只管 Tailwind 设计系统，后端逻辑、业务正确性、性能，一概不沾。第二，规则的质量上限就是写规则的人：垃圾规则进，垃圾打回出。第三，linter 天生只能查可判定的东西，审美那一层它永远够不着——能查的是「有没有越界」，不是「好不好看」。

## 副件一：shadcn-ui/cn——给生成的代码擦屁股

同一个组织的另一件，截至 10 月 4 日 1623 星，同样是四十五天内的新仓。官方描述：cn 是 Tailwind 类名合并与冲突解决的新引擎，目标是替换 tailwind-merge 这一类拼接工具。

类名冲突听起来是小事：两段样式都想给同一个元素设 padding，`p-4` 打架 `p-8`，合并时得有个裁判。过去这是运行时的小 第三节 琐事，tailwind-merge 们干得好好的。但把镜头拉远看，这件事在 2026 年的性质变了——代码是生成出来的，生成意味着量大、来源杂、互相不知道对方写了什么，类名冲突的概率被系统性放大。给机器写的代码做一层专门的冲突仲裁，从「锦上添花」变成了「基础设施」。

更值得注意的信号是组织行为。同一个 shadcn-ui，一件管生成之前（规则先立好），一件管生成之后（冲突兜住），连着上新。这不是零散出工具，是成体系的判断：生成时代的前端基建，得围着「代码是模型写的」这个前提重做一遍。对想进场做工具的开发者，这个组织连出两件都进了千星线，本身就是选题风向标。

## 副件二：mikehasa/golive-skill——把「发出去」写成工序

三件里唯一的纯 Skill 形态。星轨漂亮：9 月 25 日 897 星，10 月 2 日 1167 星，10 月 4 日 1198 星——九天涨了三成三，在千星线上还保持这个斜率的不多。

官方描述：把 agent 做出来的产品送上线——hosting、数据库、域名、邮箱、支付，一口气。

它补的是最尴尬的一段。现在用 agent 一晚上搓出个产品壳不难，难的是之后那堆琐碎：买域名、配解析、开邮箱、接支付。这些活每一步都不难，但每一步都要开户、要配置、要等生效，没人愿意为个 demo 走一遍。golive-skill 把这套流程写成工序装进 Skill，让模型按清单自己办，人只管点头。

短板也最尖锐。hosting 和数据库可以让 agent 放开手脚，但域名要实名、支付要商户身份、邮箱要防滥用——每往下一步，都是在把真金白银和法律责任交给一个概率性系统。流程写到哪一步该停下来等人确认，仓库描述没有给答案。这是所有「代办型」Skill 的共同悬崖：能力上限不是技术，是授权边界。装它之前，先把这道线自己画清楚。

## 安装命令

```bash
# shadcn-ui/lint（linter，接进项目后由 agent 在收尾时调用）
git clone https://github.com/shadcn-ui/lint.git

# shadcn-ui/cn（运行时库，替换现有类名合并工具）
git clone https://github.com/shadcn-ui/cn.git

# golive-skill（标准 Skill 安装）
npx skills add mikehasa/golive-skill
# 或 clone 后把整个目录拷进 ~/.claude/skills/
git clone https://github.com/mikehasa/golive-skill.git
```

## 三道关怎么串起来

```mermaid
flowchart TD
    A["Agent 写完代码"] --> B{"第一关 lint"}
    B -->|违反规则| C["打回自修"]
    C --> B
    B -->|通过| D["第二关 cn"]
    D --> E["类名冲突运行时兜底"]
    E --> F{"第三关 golive"}
    F -->|托管 数据库 域名 邮箱 支付| G["产品上线"]
    F -->|涉及实名与支付| H["停下等人点头"]
    H --> F
    G --> I["人只看结果"]
```

## 方法：怎么给你自己的项目立规矩

lint 的价值不在仓库本身，在于它示范的写法。想给自己的 agent 立规矩，四步就够：

1. **把口头规范翻译成可判定断言。**「间距要统一」没用，「padding 只允许 4、8、16 三档」才有用。凡是你没法想象机器打勾或打叉的条款，先别写。
2. **每条规则配一个反例。**规则没有反例，agent 就不知道边界在哪，打回时也说不清错在哪。
3. **把检查接进收尾动作。**让 agent 写完必跑一遍，跑不过自动修，修不过才升级给人。检查不进流程，规则就是装饰。
4. **从十条规则起步，别贪多。**每条规则都有维护成本，查不动的规则等于没有规则。先管住最常翻车的三个点，跑顺了再加。

## 推荐排行榜

- **设计质量第一：shadcn-ui/lint。** agent-first 加 can verify 两个词，把验收这件事的哲学一次说透。
- **上手最容易：shadcn-ui/cn。** 库级替换，装上即生效，不改变任何工作流。
- **增速最快：golive-skill。** 九天三成三，收尾位的流量正在往交付这一档集中。
- **综合第一：shadcn-ui/lint（4.25）＞ shadcn-ui/cn（4.15）＞ golive-skill（3.83）。**

三件摆在一起，能看出这个秋天 Skills 生态的门牌往哪发：写码位已经挤破头，下一批流量全在收尾位——验一把的、兜一把的、发出去的。写代码的那位换成了模型，于是验收、兜底、交付每一段都得重新设计一遍工序。谁先把「验收」做成行业默认动作，谁就接走下一波。

## 参考来源

1. [shadcn-ui/lint](https://github.com/shadcn-ui/lint) — agent-first 的 Tailwind 设计系统 linter；⭐1870（截至 2026-09-16 快照）
2. [shadcn-ui/cn](https://github.com/shadcn-ui/cn) — Tailwind 类名合并与冲突解决引擎；⭐1623（截至 2026-10-04 快照）
3. [mikehasa/golive-skill](https://github.com/mikehasa/golive-skill) — 上线工序 Skill，⭐897→1198（2026-09-25 至 10-04 星轨）
4. [shadcn-labs/pdfcn](https://github.com/shadcn-labs/pdfcn) — 同门仓库 ⭐1794（截至 2026-09-16），shadcn 系连出 agent 工具的佐证

> [!tip] 51学通信知识星球
> **星主：爱卫生**（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。
> **星球定位**：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。
> **当前规模**：5200 篇主题 / 990 个回答，198 元/年。
> **加入福利**：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。
> **AI 加持**：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。

![51学通信知识星球海报-扫码加入](https://wiki.500nian.com/images/zhixingqiu_qrcode.png)
