kuzenbo-theme-runtime

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Chinese

Use this skill for external app code that consumes the stable public package

@kuzenbo/theme@0.0.6

本技能适用于使用稳定公开包

@kuzenbo/theme@0.0.6

的外部应用代码。

bash

npm install @kuzenbo/theme next-themes

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

tsx

import { ThemeBootstrapScript, ThemeProvider } from "@kuzenbo/theme";

<ThemeBootstrapScript />
<ThemeProvider>{children}</ThemeProvider>

bash

npm install @kuzenbo/theme next-themes

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

tsx

import { ThemeBootstrapScript, ThemeProvider } from "@kuzenbo/theme";

<ThemeBootstrapScript />
<ThemeProvider>{children}</ThemeProvider>

Pick a prebuilt theme from
```
references/prebuilt-themes.md
```
.
Use semantic tokens from
```
references/theme-token-families.md
```
instead of hardcoded colors/z-index values.
Override tokens in CSS (
```
:root
```
,
```
.dark
```
, or scoped container) for customization.
Use runtime helpers from
```
references/theme-runtime-api.md
```
only when custom bootstrap behavior is required.

Keep theme CSS import and provider wiring in every Kuzenbo UI runtime.
Avoid raw palette classes when a semantic token exists.
Prefer
```
cursor-clickable
```
and z-index tokens instead of ad-hoc cursor/z-index literals.

Keep imports on the public surface (

@kuzenbo/theme

@kuzenbo/theme/theme-provider

@kuzenbo/theme/prebuilt/*.css

仅从公开入口导入（

@kuzenbo/theme

、

@kuzenbo/theme/theme-provider

、

@kuzenbo/theme/prebuilt/*.css

）。