Avoid restyling design-system components

Run this rule

pnpm vite-doctor . --extends shadcn/strict --rules shadcn/no-restyle

Why it matters

Appearance classes at a component call site can override the variants and sizes owned by the design system. The Rule checks recognized components against the configured class policy.

Recommended fix

Use the component's variants or sizes. Allow layout classes explicitly when the project's component policy permits them.

Useful links

• Rule reference

Example

Use a component variant for appearance

Before

import { Button } from "@/components/ui/button"

<Button className="bg-pink-500">Delete account</Button>

After

import { Button } from "@/components/ui/button"

<Button variant="destructive">Delete account</Button>