What it does
@shadcn/lint is a linter, a tool that scans code and points out problems, for websites styled with Tailwind (a popular styling toolkit). It is built for AI coding agents that write user interface code.
You decide which style changes are allowed on each component, such as letting a button change its margin but not its padding. When an agent breaks a rule, the error explains what went wrong and suggests a fix using your existing components, sizes and theme colours. You can also write your own error messages.
It works as an add-on for the ESLint and Oxlint code checkers, with React, Svelte and Vue projects. Its makers say that in their tests, lint feedback helped agents fix almost every rule break in one round, at lower cost than rules alone.
Who it's for
Web developers and design teams who use AI coding agents and want them to stick to a shared design system.
Can I use it without coding?
Developers only. It is installed into a programming project and configured with code, so it needs developer skills. New to this? Start here.
Can I run it?
- Cost
- FreeNothing to pay or sign up for.
- Runs on
- Mac, Windows, Linux
- Computer
- An ordinary computer is fine
- Privacy
- Runs on your own device: your data stays with you
- API key
- Not needed
Try it
Using Claude Code, Cursor or another AI coding assistant? Paste the prompt and it will walk you through the setup.New to this?
Before you install
- Only download from the official GitHub page. Copies with similar names exist for many popular projects.
- Plain-AyI is an independent guide and doesn't host or review the software it lists. Please check each project's official page before installing.
- License (MIT): Very permissive: free to use, change and share, including for business.
- More on staying safe