Back to directory

@shadcn/lint

An agent-first linter for Tailwind design systems that lets you define allowed component styling rules and gives a coding agent guidance, not just an error, when it breaks one.

@shadcn/lint

@shadcn/lint lints Tailwind-based design systems against rules you define yourself, describing which classes or style changes are allowed on which components. When a rule is broken, the error explains what is wrong and suggests a fix based on the project's own components, variants, and theme, which the project contrasts with a plain TypeScript type error that only says a property is disallowed without saying how to achieve the intended result instead.

It works with existing Tailwind v4 projects without requiring a rewrite, does not require shadcn/ui specifically, supports both ESLint and Oxlint, and works with React, Svelte, and Vue. Rules can be scoped to individual components, for example allowing a Button to take margin and width classes while keeping its padding and shape fixed.

More in Code quality

See all 94
  • Critic

    critic.run

    A code-change viewer, backed by Y Combinator, built for reviewing work written by coding agents, presenting a plain-language narrative of each change alongside the diff and a running conversation with the agent.

  • GitIntel

    hoangsonww.github.io

    An MCP server that computes git repository analytics such as hotspots, churn, temporal coupling, knowledge maps and risk scoring entirely from local commit history, for AI coding agents like Claude Code and Codex.

  • Axint

    axint.ai

    A verification layer for AI coding agents working on Apple projects: it runs real Xcode builds and tests against the Swift an agent wrote, reconciles static analysis findings against that evidence, and returns a signed proof with the exact repairs still needed.