zedkit
@zedtech/zedkit-quality

Lint UI files for accessibility, Tailwind and tokens

Enforce a11y, Tailwind hygiene and tokens-only classes on every UI file.

alpha

At a glance

  • Who: Frontend teams linting tsx/jsx everywhere the same way.
  • What: Enforce a11y, Tailwind hygiene and tokens-only classes on every UI file.
  • Use when: When UI rules must match across repos without copying a preset file.
  • Avoid when: When the repo has no Tailwind theme (the entryPoint has nothing to read).
  • See also: Enforce route, view and data layer boundaries

Install

pnpm add @zedtech/zedkit-quality

Latest: 0.1.0 (via changesets).

Example

Usage
import { uiPreset } from "@zedtech/zedkit-quality/eslint";

export default [...uiPreset({ entryPoint: "./app/globals.css" })];

Wraps: eslint-plugin-jsx-a11y, eslint-plugin-better-tailwindcss

On this page