К основному содержанию
скилл CX Codex GP ChatGPT официальный · OpenAI

remotion-maps — скилл для Codex: что делает и как установить

Подбирает техники для анимации карт в Remotion под конкретный кадр: от статичных подложек до 3D-пролётов в CesiumJS.

Установить в Codex · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add openai/plugins --skill remotion-maps -a codex
Открыть на GitHub

Что делает remotion-maps

Скилл содержит инструкции по пяти подходам к анимированным картам в коде Remotion. Среди них есть статичные спутниковые снимки через тег <Img>, связки с Mapbox, MapLibre, MapTiler и трёхмерные пролёты над рельефом в CesiumJS.

Под конкретную сцену скилл предписывает выбирать ровно одну технику и загружать только её файл TECHNIQUE.md. Каталоги изолированы друг от друга. При этом для Mapbox обязателен ключ API, а MapLibre работает бесплатно и без ключей, но лишён 3D-зданий.

Какие задачи решает

  • выбрать подход для анимации карты в коде Remotion
  • настроить 3D-пролёт над горами через CesiumJS
  • добавить подписи поверх рек и границ с помощью MapTiler
  • собрать анимацию на бесплатном стеке MapLibre без ключей API

Примеры запросов агенту

  • Сделай анимацию пролёта над горами в стиле симулятора полёта через CesiumJS в Remotion.
  • Добавь карту Парижа с Эйфелевой башней в 3D через Mapbox.
  • Покажи карту через MapLibre без использования внешних API-ключей.

Как установить remotion-maps

1Через Skills CLI (Vercel)

npx skills add openai/plugins --skill remotion-maps -a codex

2Вручную: положить файлы

.agents/skills/remotion-maps/SKILL.md

Для всех проектов — ~/.agents/skills/

По шагам, с командами для каждой платформы: Скиллы Codex: как установить, где лежат и как вызвать

Вопросы о remotion-maps

Как установить remotion-maps в Codex?

Выполните команду npx skills add openai/plugins --skill remotion-maps. Также можно явно указать агента: npx skills add openai/plugins --skill remotion-maps -a codex.

Что делает скилл remotion-maps?

Он предоставляет агенту правила и справочные файлы для сборки картографических анимаций в Remotion пятью отдельными методами.

Нужен ли API-ключ для работы с картами?

Всё зависит от выбранного инструмента. Для Mapbox потребуется ключ доступа, а MapLibre работает бесплатно без ключей, но не поддерживает 3D-здания.

Исходный текст

SKILL.md · MIT
---
name: remotion-maps
description: Remotion Map animation knowledge
version: 4.0.506
---

# Remotion Maps

Choose exactly one technique from the intended shot, then load only that technique's `TECHNIQUE.md`.
Every technique directory is self-contained and may be removed without breaking the others.

## [Static map](techniques/static-map/TECHNIQUE.md)

- Requires you grab a satellite image and mount it in a `<Img>` tag, and animate on top

## [Mapbox](techniques/mapbox/TECHNIQUE.md)

- Requires a Mapbox key
- Nicer styles by default
- Map can display a round globe when zoomed out
- Includes nice 3D buildings such as the Eiffel tower

## [MapLibre](techniques/maplibre/TECHNIQUE.md)

- Requires no API key, fully free
- Does not include 3D building

## [MapTiler](techniques/maptiler/TECHNIQUE.md)

- Uses MapTiler
- Annotations can be drawn on top of geographic features: borders, rivers, labels

## [CesiumJS](techniques/cesium/TECHNIQUE.md)

- Flythroughs through terrain and mountains
- "Flight simulator" perspective

© Remotion · MIT · openai/plugins

Похожие скиллы

Все скиллы по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Из того же набора528

Весь набор →
next-upgrade Проводит проект через мажорные обновления Next.js: читает текущую версию, тянет официальные гайды и запускает кодмоды. CX Codex GP ChatGPT 3установок remotion-studio Запускает Remotion Studio и даёт агенту URL для предпросмотра видео в браузере. Нужен при проверке результата рендера. CX Codex GP ChatGPT 3установок remotion-saas Помогает собрать приложение с видео на Remotion: от простой формы с рендером до редактора. Пригодится, если делаете SaaS с генерацией видео. CX Codex GP ChatGPT 3установок remotion-multimedia Скилл помогает агенту работать с Mediabunny в браузере: получать длительность аудио и видео, а также размеры видео. CX Codex GP ChatGPT 3установок remotion-create Разворачивает видеопроекты на Remotion в Codex, настраивает композиции на React и запускает локальный просмотр через встроенный браузер. CX Codex GP ChatGPT 3установок share Разворачивает рабочий прототип через выбранный инструмент и возвращает ссылку для доступа. Подходит, когда цель деплоя уже определена. CX Codex GP ChatGPT 3установок research Собирает свежие жалобы и проблемы пользователей по названному продукту, раскладывает их по группам и выдаёт отчёт с источниками. CX Codex GP ChatGPT 3установок ngs-shotgun-metagenomics Скилл запускает QC shotgun-FASTQ, удаление ДНК хозяина и таксономический или функциональный профилинг. Пригодится для старта метагеномного анализа. CX Codex GP ChatGPT 3установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой