shadcn 发布面向 AI agent 的 Tailwind 设计系统 Linter

shadcn 发布 shadcn/lint，一个面向 AI 编码 agent 的 Tailwind 设计系统 linter，核心思路是「让设计系统可验证」：agent 写出的代码能编译、能渲染，但可能悄悄破坏设计系统，而这类问题无法被现有工具链发现。

已确认

• 动机：shadcn 举例称，agent 给已有 size prop 的 Button 加上 p-4，代码能编译、按钮能正常渲染，但设计系统已被破坏——这正是现有工具链无法验证的一类问题。TypeScript 能约束类型，但 Tailwind 类名此前缺乏类似约束。
• 实现思路：shadcn 认为代码应由工具链而非约定来验证，而大家最熟悉的工具链就是 TypeScript。例如可以把 Button 的 style prop 限制为 margin 和 width，当 agent 越界时即报错。
• 功能细节：开发者定义哪些样式改动被允许；当 agent 违反规则时，报错信息会解释错在哪里、并指导它使用现有的组件、变体和主题。规则还可按类别放行：如允许 layout 类别后，agent 可用 margin、width 和定位类，但不能使用改样式（restyling）的类。
• 修复成本：shadcn 本人称违规代码的修复成本低至 10-48%。

为什么重要

随着 AI 编码 agent 大量生成 UI 代码，设计系统的一致性面临新的破坏方式——问题代码往往「看起来正常」。shadcn/lint 把设计系统规则变成可由工具链强制执行、且对 agent 友好（报错自带修复指引）的约束，为 agent 时代维护 UI 一致性提供了一种可行范式。

2026-09-15 ~ 2026-09-15 · 5 条相关

• 【源头】shadcn 推出 agent 优先的 Tailwind 设计系统 Linter — shadcn · 2026-09-15
• shadcn：agent 写的代码能编译能渲染，却悄悄毁掉设计系统 — shadcn · 2026-09-15
• shadcn/lint 用 TypeScript 类型约束 agent 的样式改动 — shadcn · 2026-09-15
• shadcn/lint 支持自定义错误信息与分类白名单 — shadcn · 2026-09-15

另有 1 条近重复转述:shadcn