首页 › skills-review › 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 的共同悬崖:能力上限不是技术,是授权边界。装它之前,先把这道线自己画清楚。

安装命令

# 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

三道关怎么串起来

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. 从十条规则起步,别贪多。每条规则都有维护成本,查不动的规则等于没有规则。先管住最常翻车的三个点,跑顺了再加。

推荐排行榜

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

参考来源

  1. shadcn-ui/lint — agent-first 的 Tailwind 设计系统 linter;⭐1870(截至 2026-09-16 快照)
  2. shadcn-ui/cn — Tailwind 类名合并与冲突解决引擎;⭐1623(截至 2026-10-04 快照)
  3. mikehasa/golive-skill — 上线工序 Skill,⭐897→1198(2026-09-25 至 10-04 星轨)
  4. 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学通信知识星球海报-扫码加入