@lapidist/design-lint Documentation

@lapidist/design-lint helps teams enforce design system rules across JavaScript, TypeScript and CSS codebases. These docs cover installation, usage and configuration of the linter. For a high-level look at how the tool works under the hood, see the Architecture overview. For help diagnosing common runtime problems, check the Troubleshooting guide.

Getting Started

Requires Node.js 22 or later.

One-off usage

Run the CLI without installing:

npx @lapidist/design-lint@latest --help

Local installation

Add the package to your project and use the generated binary:

npm install --save-dev @lapidist/design-lint
npx design-lint src

Refer to the Usage guide for all available command line options, to Configuration for setting up design tokens and rules, and to Formatters for output formats and custom formatter examples.

CI

See the CI guide for sample configurations in GitHub Actions and other CI services.

Rules

Design System

• component-prefix
• component-usage
• deprecation
• icon-usage
• import-path
• no-inline-styles
• variant-prop

Design Token

• animation
• blur
• border-color
• border-radius
• border-width
• box-shadow
• colors
• duration
• font-family
• font-size
• font-weight
• letter-spacing
• line-height
• opacity
• outline
• spacing
• z-index