Руководства по созданию OpenGraph и Twitter обмениваются изображениями с помощью next/og ImageResponse. Охватывает шаблоны макета, пользовательские шрифты, аватары, регистр заголовков и правила Сатори. Используйте при создании изображений OG, карточек Twitter или превью для социальных сетей.
Быстро установите AI-навык og-images в вашу среду разработки через командную строку
Источник: richtabor/agent-skills.
Generate dynamic OpenGraph (1200x630) and Twitter (1200x600) images using next/og ImageResponse.
| opengraph-image.tsx | Facebook, LinkedIn, iMessage | 1200x630 | | twitter-image.tsx | Twitter/X cards | 1200x600 | | app/api/og/route.tsx | Dynamic API route | 1200x630 |
Place file-based routes in the relevant route directory (e.g., app/about/opengraph-image.tsx for /about).
Руководства по созданию OpenGraph и Twitter обмениваются изображениями с помощью next/og ImageResponse. Охватывает шаблоны макета, пользовательские шрифты, аватары, регистр заголовков и правила Сатори. Используйте при создании изображений OG, карточек Twitter или превью для социальных сетей. Источник: richtabor/agent-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/richtabor/agent-skills --skill og-imagesРуководства по созданию OpenGraph и Twitter обмениваются изображениями с помощью next/og ImageResponse. Охватывает шаблоны макета, пользовательские шрифты, аватары, регистр заголовков и правила Сатори. Используйте при создании изображений OG, карточек Twitter или превью для социальных сетей. Источник: richtabor/agent-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/richtabor/agent-skills --skill og-images После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/richtabor/agent-skills