菜单
Colour, font and design-token rules for the docs site — when hex is banned, when it is correct, and which surfaces ignore the theme. Use when styling docs components or editing CSS under docs/src.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/rhesis-ai/rhesis --skill docs-design-tokens命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
How the docs site generates per-page og:image cards, and the cache and font traps when changing them. Use when editing the OG card design, og-theme.js, or a page's social preview image.
Add a new Enterprise Edition feature behind a feature gate, across backend and frontend. Use when adding an EE-only capability such as SSO.
Rebase a feature branch onto main and force-push it safely. Use when updating, rebasing, or syncing a branch with main, or resolving rebase conflicts.
正在显示 SKILL.md
| name | docs-design-tokens |
| description | Colour, font and design-token rules for the docs site — when hex is banned, when it is correct, and which surfaces ignore the theme. Use when styling docs components or editing CSS under docs/src. |
Design tokens live in docs/src/styles/tokens.css as --rh-* custom properties, synced by hand
from the marketing site's @theme block (website/src/styles/tailwind.css, a separate repo).
globals.css. Use a token; if none fits, add one to tokens.css rather than
inlining a value. That includes CSS-variable fallbacks: write
var(--card-bg, var(--rh-surface)), not var(--card-bg, #ffffff), or the fallback silently
renders a light surface in dark mode.FooterOriginBadge, the macOS window dots in CodeBlock/FileTree, and the
terminal palette and tint ramps in FileTree/ChatExchange/ToolPurposeChip. These carry
meaning independent of the theme. If a value would look broken in the other theme, it wants a
token; if it would look broken in any other colour, it wants to stay literal.--rhesis-* names are legacy aliases kept pointing at --rh-*; prefer --rh-* in new code.Check whether a surface follows the theme before tokenising it. CodeBlock and FileTree
render a dark terminal surface in both themes, with Shiki colours chosen for a dark background.
They use the theme-invariant --rh-codeblock-* tokens; pointing them at --rh-surface/--rh-text
turns them white in light mode and makes the syntax colours unreadable.
Sora for display/headings, Geist for UI and body, Geist Mono for code and the uppercase eyebrow
labels. All self-hosted woff2 in docs/public/fonts/.
Not set in CSS. It comes from the color prop on <Head> in docs/src/app/layout.jsx, which
Nextra emits as an inline <style> that beats any stylesheet. Nextra derives primary-50 …
primary-800 from those HSL values, and the active sidebar link is bg-primary-100 +
text-primary-800. Change the prop; do not override the generated x: classes.