Kuzenbo Styles Baseline

Use this skill for external app code that consumes the stable public package @kuzenbo/styles@0.0.6 .

Runtime Setup

• Install:

npm install @kuzenbo/styles

• Import styles after theme CSS at app root:

import "@kuzenbo/theme/prebuilt/kuzenbo.css"; import "@kuzenbo/styles/recommended.css";

Baseline Workflow

• Keep recommended.css as the default global baseline.

• Apply app-specific overrides by overriding exposed CSS variables, not by editing package files.

• Set --kb-anchor-offset when sticky headers are present.

• Verify focus-visible behavior and reduced-motion behavior after overrides.

Guardrails

• Use public entrypoints only: @kuzenbo/styles/recommended.css or @kuzenbo/styles/styles.css .

• Do not duplicate the entire baseline file into app code.

• Keep semantic token compatibility with @kuzenbo/theme .

• If baseline behavior conflicts with app UX, override variables/selectors locally instead of removing the package globally.

References

• references/styles-entrypoints-and-behavior.md