shadcn ships agent-first linter for Tailwind design systems, cutting agent fix costs up to 48%
shadcn · x · 2026-09-15
shadcn released shadcn/lint, an agent-first linter for Tailwind design systems: developers define what's allowed, and when an agent breaks a rule the error explains what's wrong and how to fix it using existing components, variants, and theme.
Key details from the thread:
- Constraints are enforced by the toolchain (TypeScript), not convention — e.g. a Button's style prop can be restricted to margin and width so agents get type errors when trying to change padding.
- Per-component contracts let Button accept full width but keep its shape, with custom error messages supporting placeholders like {{variants}} and {{file}}.
- In the author's evals, nearly every task reached zero violations, corrections took one round instead of up to three, and fixes cost 10–48% less than AGENTS.md rules alone.
Related event: shadcn releases agent-first Tailwind design system linter(5 posts)→
More from coding & agent
- Phil Schmid: output schema, statelessness and code mode will drive an MCP comeback — _philschmid · 2026-09-15
- Open-source Hypit lets coding agents clone viral video workflows, ship 100 variants per command — rohanpaul_ai · 2026-09-15
- How the GrokBot design team uses AI agents: Figma Bro bot and voice memos to production code — soleio · 2026-09-15
- LangChain Open-Sources Its Internal Paid Media Agent for Ad Campaigns — Hacubu · 2026-09-15
- Cline Desktop launches for open-weight models; user builds 3D digestive system site with one prompt — CodeByPoonam · 2026-09-15
- ComfyUI-Prompt-Studio Turns a Reference Image Into Production-Ready Image and Video Prompts — Cold-Worldliness5392 · 2026-09-15