Official integration patterns for Mapbox GL JS across popular web frameworks (React, Vue, Svelte, Angular). Covers setup, lifecycle management, token handling, search integration, and common pitfalls. Based on Mapbox's create-web-app scaffolding tool.
Install
npx skills add mapbox/mapbox-agent-skills --skill mapbox-web-integration-patternsnpx skills add mapbox/mapbox-agent-skills --skill mapbox-web-integration-patterns -a claude-code -gnpx skills add mapbox/mapbox-agent-skills --skill mapbox-web-integration-patterns -a codex -ggemini skills install https://github.com/mapbox/mapbox-agent-skills.git --path skills/mapbox-web-integration-patternsgh skill install mapbox/mapbox-agent-skills mapbox-web-integration-patternsgit clone --depth 1 https://github.com/mapbox/mapbox-agent-skills /tmp/mapbox__mapbox-agent-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/mapbox__mapbox-agent-skills/skills/mapbox-web-integration-patterns ~/.claude/skills/mapbox-web-integration-patterns # Claude Code
cp -R /tmp/mapbox__mapbox-agent-skills/skills/mapbox-web-integration-patterns ~/.agents/skills/mapbox-web-integration-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode