メニュー
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コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？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.