Skip to main content

Rule reference

preset AI checks code against these 12 built-in rules. Each finding links the rule's page here. Rules your team defines for its own design system are reported too; they link to Set up enforcement.

Token adoption

RuleSeverityWhat it flags
no-hardcoded-hexErrorHardcoded hex color values should use design tokens.
no-hardcoded-tailwind-colorWarningHardcoded Tailwind color classes should use design tokens.
no-inline-style-colorWarningInline style colors should use CSS custom properties.

Adoption of presets

RuleSeverityWhat it flags
no-native-buttonWarningNative <button> should use a Button component preset.
no-native-selectWarningNative <select> should use a Select component preset.
no-native-inputInfoNative <input> should use an Input component preset.

Accessibility

RuleSeverityWhat it flags
no-click-divWarningClickable div should use a button or link.
img-alt-requiredErrorImages must have alt text for screen readers.
no-autocomplete-offWarningautocomplete="off" harms accessibility and usability.

Consistency

RuleSeverityWhat it flags
no-magic-number-spacingInfoMagic number spacing should use scale values.
no-window-alertErrorwindow.alert() should use a proper notification component.
no-window-confirmErrorwindow.confirm() should use a confirmation dialog.

Audit checkpoints

These 9 audit modules report 130 checkpoints, each documented on its module's page.

ModuleCheckpointsWhat it covers
Adoption12How much of the codebase uses the design system: tokens instead of raw values, presets instead of manual props, and declared patterns for common compositions.
AI readiness15How well an AI coding tool can read the design system: intent-based names, written guidance, coverage of common components and intents, and stated constraints.
Color20Whether the color system is complete, readable, well named and well layered: roles, states, contrast, naming and alias chains.
Compliance9Whether compositions in the codebase follow the must, must-not and should rules declared on their patterns.
Consistency12Whether presets that mean the same thing look the same across components: the same intent, state, size label or typography level should use the same values.
Dead artifacts11Presets, tokens and patterns that nothing uses, that are deprecated but still used, or that have not been touched in a long time.
Duplication12Components that repeat each other: the same props, the same tokens, the same structure, or near copies in different feature modules.
Fragmentation9Intents served by more than one component, and presets within an intent that disagree with or repeat each other.
Typography30Type foundations, tokens, semantic styles, responsive behaviour, accessibility and documentation.

Was this page helpful?

Last reviewed by @jschuyler
All systems operationalDocsDevelopersPlatformPricing
PrivacyTerms© 2026 fndd, LLC