菜单
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.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/rhesis-ai/rhesis --skill docs-social-images命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
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.
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-social-images |
| description | 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. |
Every page's og:image is generated per page by docs/src/app/api/og/route.jsx — title,
description and section come from the page's own MDX, resolved through lib/og-page.js.
Adding a page needs nothing. The card is generated from its frontmatter automatically.
OG_VERSION in lib/og-theme.js. Crawlers cache
social images by URL; without a new v=, LinkedIn and Slack keep serving the old picture.
Editing a page's own title or description needs nothing — h= in the URL is a hash of the card
text, so it changes on its own.lib/og-theme.js, copied from tokens.css. satori never
sees a stylesheet, so var(--rh-*) resolves to nothing. This is the one place hex is expected —
change both files together. See the docs-design-tokens skill for the token rules everywhere
else.docs/public/fonts/og/, not the woff2 the site uses: satori cannot
decode woff2. Regenerate with docs/scripts/generate-og-fonts.py after a font change.A page that needs one sets ogImage: /path.png in frontmatter. Use PNG or JPEG — social crawlers
do not render webp reliably.