·og-images
</>

og-images

Руководства по созданию OpenGraph и Twitter обмениваются изображениями с помощью next/og ImageResponse. Охватывает шаблоны макета, пользовательские шрифты, аватары, регистр заголовков и правила Сатори. Используйте при создании изображений OG, карточек Twitter или превью для социальных сетей.

11Установки·0Тренд·@richtabor

Установка

$npx skills add https://github.com/richtabor/agent-skills --skill og-images

Как установить og-images

Быстро установите AI-навык og-images в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/richtabor/agent-skills --skill og-images
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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
Источник
richtabor/agent-skills
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from richtabor/agent-skills

Короткие ответы

Что такое og-images?

Руководства по созданию OpenGraph и Twitter обмениваются изображениями с помощью next/og ImageResponse. Охватывает шаблоны макета, пользовательские шрифты, аватары, регистр заголовков и правила Сатори. Используйте при создании изображений OG, карточек Twitter или превью для социальных сетей. Источник: richtabor/agent-skills.

Как установить og-images?

Откройте терминал или инструмент командной строки (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

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01