Community Скиллы Российские сервисы

Яндекс Карты JS API v3

Claude Code
Открыть источник ↗ GitHub ↗
Установка 
git clone (см. README)

Описание

yandex-maps-v3 — справочник и рецепты по JavaScript API Яндекс Карт третьей версии: добавление маркеров и кластеризация объектов, встроенный поиск и геокодер, готовые паттерны для React и Next.js, разбор типичной ошибки с порядком координат — долгота-широта против привычной широта-долгота. Помогает Claude Code быстро и правильно встраивать карты в веб-приложения без чтения всей документации.

Что умеет:
— ставить маркеры и кластеризовать;
— работать с поиском и геокодером;
— давать React/Next.js-паттерны;
— предостерегать от ошибок с координатами.

Полная документация ниже — автоматически из репозитория ulugbekeshnazarov409/yandex-maps-v3 (ветка main). Оригинальные материалы проекта распространяются на условиях его лицензии.

yandex-maps-v3

skills.sh

An agent skill for the Yandex Maps JavaScript API v3 (ymaps3)
— a complete reference and integration guide for building Yandex maps in web / React /
Next.js apps.

Install

npx skills add ulugbekeshnazarov409/yandex-maps-v3

What it covers

  • Script loader + API key, and the [longitude, latitude] coordinate order (v3 quirk)
  • YMap, layers & data sources, markers (custom DOM + YMapDefaultMarker)
  • Controls (zoom, geolocation, buttons, YMapOpenMapsButton), YMapListener events
  • Hints & popups, the @yandex/ymaps3-clusterer marker clusterer
  • Themes (dark/light), geolocation, behaviors
  • The React / Next.js reactify pattern (App Router, SSR-safe dynamic import)

Structure

skills/yandex-maps-v3/
├── SKILL.md                  # entry point (name + description + usage)
└── reference/
    ├── api.md                # full ymaps3 API surface
    ├── packages.md           # add-on packages (clusterer, controls, reactify…)
    └── recipes.md            # copy-paste integration recipes

Use it whenever building, debugging, or extending a Yandex map in a web/React/Next.js app
— adding markers, popups, clustering, controls, geocoding, or fixing the lng/lat order,
the API key, ymaps3.ready, or reactify.bindTo.