Скилл по Яндекс Картам JS API v3

Установка

npx skillfoxx add skills/yandex-maps-v3

npx skills add ulugbekeshnazarov409/yandex-maps-v3 --skill yandex-maps-v3 -a claude-code -y

npx skills add ulugbekeshnazarov409/yandex-maps-v3 --skill yandex-maps-v3 -a cursor -y

npx skills add ulugbekeshnazarov409/yandex-maps-v3 --skill yandex-maps-v3 -a github-copilot -y

npx skills add ulugbekeshnazarov409/yandex-maps-v3 --skill yandex-maps-v3 -a codex -y

npx skills add ulugbekeshnazarov409/yandex-maps-v3 --skill yandex-maps-v3 -a gemini-cli -y

npx skills add ulugbekeshnazarov409/yandex-maps-v3 --skill yandex-maps-v3 -a cline -y

npx skills add ulugbekeshnazarov409/yandex-maps-v3 --skill yandex-maps-v3 -a roo -y

npx skills add ulugbekeshnazarov409/yandex-maps-v3 --skill yandex-maps-v3 -a opencode -y

npx skills add ulugbekeshnazarov409/yandex-maps-v3

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл собирает справочник по Яндекс Картам JavaScript API v3 (ymaps3): загрузка скрипта и ключ, порядок координат долгота-широта, который отличается от Leaflet и Google, классы YMap, слои и источники данных, маркеры, контролы, события YMapListener, подсказки и попапы, кластеризатор @yandex/ymaps3-clusterer, темы и геолокация, а также React и Next.js паттерн reactify с безопасным для SSR динамическим импортом. Отдельный файл покрывает смежные HTTP API: Geosuggest для автодополнения адреса, Геокодер в обе стороны, поиск мест и построение маршрутов, у каждого свой ключ. Есть материалы про полигоны и линии маршрутов, перетаскиваемые маркеры, подгрузку маркеров по видимой области и миграцию с v2 на v3.

Для кого. Для фронтенд-разработчиков, которые встраивают Яндекс Карты в веб, React или Next.js приложение.

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

Добавь на карту Next.js приложения маркеры с попапом и кластеризацией для списка точек

Ограничения

Лицензия в репозитории не указана. Скилл справочный, сам код карты не пишет и не проверяет, только дает материалы агенту. Нужен собственный API-ключ Яндекс Карт, активация ключа занимает до 15 минут.

Как отключить. Удалите папку скилла из .claude/skills или аналогичного каталога агента.

Проверка безопасности

• Только справочный материал, не выполняет запросы и не меняет данные

Коротко о README

Короткий README описывает скилл как полный справочник и руководство по интеграции Яндекс Карт JS API v3 для веб, React и Next.js. Перечислены темы покрытия: загрузчик и ключ, порядок координат, YMap и слои, маркеры, контролы, события, подсказки, кластеризатор, темы, геолокация и паттерн reactify. Дана структура файлов: SKILL.md как точка входа и папка reference с api.md, packages.md, recipes.md и search-geocode-routing.md. Установка одной командой npx skills add.

SKILL.md

---
name: yandex-maps-v3
description: >-
  Complete reference and integration guide for the Yandex Maps JavaScript API
  v3 (ymaps3), script loader and API key, the [longitude, latitude] coordinate
  order, YMap / layers / data sources, markers (custom DOM + YMapDefaultMarker),
  controls (zoom, geolocation, buttons, YMapOpenMapsButton), YMapListener events,
  hints and popups, the @yandex/ymaps3-clusterer marker clusterer, themes
  (dark/light), geolocation, behaviors, and the React/Next.js reactify pattern
  (App Router, SSR-safe dynamic import). Also covers the separate HTTP API
  products, Geosuggest (address autocomplete), Geocoder (forward and reverse),
  Places/POI search, and Routing (build and draw routes), plus YMapFeature
  polygons/polylines, draggable markers, viewport-based marker loading at scale,
  satellite/raster layers, scheme customization, and v2 to v3 migration.
---

# Yandex Maps JavaScript API v3 (ymaps3)

The modern (v3) Yandex Maps web SDK. Vector-first, promise-based, modular
(extra features loaded via ymaps3.import('@yandex/...')), with a first-class
React wrapper (reactify).

THE #1 GOTCHA: Yandex v3 uses [longitude, latitude] order
everywhere (center, coordinates, bounds). This is the OPPOSITE of
Leaflet/Google ([lat, lng]). Mixing them puts Tashkent in the ocean.
Toshkent center = [69.2797, 41.3111].

For exhaustive detail load the bundled references:
- reference/api.md, every class/type with props.
- reference/recipes.md, copy-paste Next.js App Router patterns.
- reference/packages.md, importable @yandex/* modules.
- reference/search-geocode-routing.md, the separate HTTP APIs.

## 1. API key

Get a "JavaScript API and Geocoder" key at
https://developer.tech.yandex.com/ (or developer.tech.yandex.ru).

Activation takes up to 15 minutes.

Похожие