Agent Skills
› mapbox/mapbox-agent-skills
mapbox/mapbox-agent-skills
GitHub提供 Mapbox Maps SDK v11 在 Android 端的集成规范,涵盖配置、标记、定位及自定义数据等功能。
安装全部 Skills
npx skills add mapbox/mapbox-agent-skills --all -g -y
集合内 Skills (18)
提供 Mapbox Maps SDK v11 在 Android 端的集成规范,涵盖配置、标记、定位及自定义数据等功能。
Android地图开发
Mapbox SDK集成
npx skills add mapbox/mapbox-agent-skills --skill mapbox-android-patterns -g -y
提供Mapbox地图设计的专业指导,涵盖视觉层级、色彩理论与排版原则。用于优化地图样式选择、配色方案及无障碍设计,确保地图美观且功能清晰。
设计或修改Mapbox地图样式
选择地图配色方案
解决地图视觉层级问题
npx skills add mapbox/mapbox-agent-skills --skill mapbox-cartography -g -y
提供Mapbox地图数据可视化模式,涵盖区域图、热力图、3D及动画展示。指导颜色映射、图层样式与大数据性能优化,辅助前端实现地理空间数据的高效渲染与交互。
需要在地图上展示统计数据
创建区域图或热力图
实现基于属性的动态样式
处理大规模地理数据集的性能优化
npx skills add mapbox/mapbox-agent-skills --skill mapbox-data-visualization-patterns -g -y
提供 Mapbox Maps Flutter SDK 的官方集成模式,涵盖依赖安装、iOS/Android 平台配置、访问令牌安全设置、地图组件初始化、标注交互及 GeoJSON 加载。
Flutter 项目中集成 Mapbox 地图功能
解决 iOS/Android 原生配置与权限问题
实现地图标注、定位及 GeoJSON 渲染
npx skills add mapbox/mapbox-agent-skills --skill mapbox-flutter-patterns -g -y
提供 Mapbox 地理空间工具选型指导,依据问题类型(几何计算vs路由导航)、精度及性能需求,辅助选择 Turf.js 或 Mapbox API。
需要计算两点间距离
规划路线或获取行程时间
判断点是否在区域内
涉及地理形状分析
npx skills add mapbox/mapbox-agent-skills --skill mapbox-geospatial-operations -g -y
提供 Mapbox Maps SDK v11 在 iOS 平台上的集成模式,涵盖安装配置、地图初始化(SwiftUI/UIKit)、标记添加、用户位置追踪及样式交互等官方最佳实践。
iOS 地图开发
Mapbox SDK 集成
地图标记与交互实现
npx skills add mapbox/mapbox-agent-skills --skill mapbox-ios-patterns -g -y
指导AI通过组合Mapbox MCP工具获取实时位置数据,生成带引用的精准回答,避免依赖过时训练数据导致幻觉。适用于周边搜索、路径规划及本地发现等场景。
查询某地点附近的POI或设施
询问两地间的交通时间或距离
描述特定区域或社区情况
涉及房地产、旅行或本地探索的咨询
npx skills add mapbox/mapbox-agent-skills --skill mapbox-location-grounding -g -y
提供从 MapLibre GL JS 迁移至 Mapbox GL JS 的专业指南,涵盖 API 兼容性、Token 配置及风格设置,旨在利用 Mapbox 的官方支持、生态系统和高级功能实现平滑过渡。
需要迁移地图库时
询问 MapLibre 与 Mapbox 差异
Mapbox 集成问题
npx skills add mapbox/mapbox-agent-skills --skill mapbox-maplibre-migration -g -y
提供 Mapbox MCP DevKit 集成模式,辅助 AI 编码助手进行样式管理、令牌生成、数据验证及文档查询。适用于构建 Mapbox 应用时的开发阶段加速,涵盖从创建到预发布验证的完整工作流。
使用 AI 辅助创建或修改 Mapbox 地图样式
通过自然语言查询 Mapbox 开发文档
在开发过程中验证 GeoJSON 或样式合规性
为不同环境生成带作用域的访问令牌
npx skills add mapbox/mapbox-agent-skills --skill mapbox-mcp-devkit-patterns -g -y
提供Mapbox MCP Server在AI应用中的集成模式,涵盖pydantic-ai、LangChain等框架。指导LLM根据场景(如离线计算与API调用)选择合适工具,实现地理空间能力的高效集成。
构建需要地理空间能力的AI应用
集成Mapbox MCP Server到Agent框架
npx skills add mapbox/mapbox-agent-skills --skill mapbox-mcp-runtime-patterns -g -y
提供 Mapbox 搜索功能集成指南,涵盖需求调研、API 选型及最佳实践。适用于需要在应用中实现地址或地点搜索、自动补全及地理编码功能的场景。
需要为地图添加搜索功能
实现地点或地址搜索栏
集成地理编码服务
npx skills add mapbox/mapbox-agent-skills --skill mapbox-search-integration -g -y
提供 Mapbox 搜索工具选型与参数优化指南,涵盖地理编码、POI 搜索及位置发现的最佳实践,辅助 AI 根据查询意图选择合适工具。
需要执行地理位置搜索或地理编码任务
询问如何优化 Mapbox 搜索参数或选择具体工具
npx skills add mapbox/mapbox-agent-skills --skill mapbox-search-patterns -g -y
提供地图应用常见场景(如餐饮、房产、导航)的样式模式与图层配置,辅助开发者快速实现标准化的地图视觉设计与交互。
需要为地图应用设计特定场景的UI风格
查找并复用经过验证的Mapbox图层配置代码
npx skills add mapbox/mapbox-agent-skills --skill mapbox-style-patterns -g -y
提供Mapbox样式质量保障指导,涵盖生产前校验、开发中表达式验证、无障碍对比度检查及发布前优化。用于确保地图样式合规、性能优异且可维护。
准备Mapbox样式上线生产环境
调试样式渲染问题或表达式错误
优化样式文件以提升加载性能
npx skills add mapbox/mapbox-agent-skills --skill mapbox-style-quality -g -y
提供Mapbox访问令牌的安全最佳实践,涵盖公钥、密钥和临时令牌的使用场景、权限最小化原则、URL限制及轮换策略。用于指导安全地创建和管理Mapbox令牌,防止敏感数据泄露。
配置Mapbox访问令牌
评估令牌权限范围
实施令牌轮换策略
限制令牌使用域名
npx skills add mapbox/mapbox-agent-skills --skill mapbox-token-security -g -y
提供Mapbox GL JS在React、Vue等Web框架中的集成最佳实践,涵盖初始化、生命周期管理、Token处理及内存泄漏防护。
需要在前端项目中集成Mapbox地图功能
询问如何正确处理Mapbox实例的生命周期与清理
npx skills add mapbox/mapbox-agent-skills --skill mapbox-web-integration-patterns -g -y
提供Mapbox GL JS应用的性能优化指南,涵盖初始化瀑布流消除、并行数据加载及渲染优化。按用户体验影响分级,旨在减少加载延迟和卡顿,提升前端地图应用性能。
Mapbox GL JS应用性能优化
解决地图初始化数据加载延迟
优化前端地图渲染效率
npx skills add mapbox/mapbox-agent-skills --skill mapbox-web-performance-patterns -g -y


