Agent Skills
› mapbox/mapbox-agent-skills
mapbox/mapbox-agent-skills
GitHub提供Mapbox Maps SDK v11在Android平台的集成模式,涵盖安装配置、Kotlin/Jetpack Compose地图初始化、标记添加、用户定位及交互处理等开发指南。
Install All Skills
npx skills add mapbox/mapbox-agent-skills --all -g -y
Skills in Collection (18)
提供Mapbox Maps SDK v11在Android平台的集成模式,涵盖安装配置、Kotlin/Jetpack Compose地图初始化、标记添加、用户定位及交互处理等开发指南。
需要集成Mapbox地图SDK到Android应用
实现地图标记、用户定位或自定义数据展示
解决Android端地图样式、相机控制或交互问题
npx skills add mapbox/mapbox-agent-skills --skill mapbox-android-patterns -g -y
提供 Mapbox 地图设计的专业指导,涵盖视觉层级、色彩理论、排版及无障碍标准。辅助用户进行地图样式设计、配色选择及制图决策,确保地图美观且功能有效。
设计地图样式或主题
选择地图配色方案
优化地图视觉层级与排版
解决地图可读性与无障碍问题
npx skills add mapbox/mapbox-agent-skills --skill mapbox-cartography -g -y
提供Mapbox地图数据可视化模式,涵盖分级统计、热力图、3D及动画展示。指导颜色映射、交互实现及大数据性能优化,适用于地理空间数据分析与前端地图应用开发。
需要在地图上展示区域统计数据或密度分布
实现基于属性值的动态颜色样式或3D地形渲染
处理大规模数据集的地图性能优化
npx skills add mapbox/mapbox-agent-skills --skill mapbox-data-visualization-patterns -g -y
提供 Mapbox Maps Flutter SDK 的官方集成模式,涵盖依赖安装、iOS/Android平台配置、访问令牌设置、地图组件初始化、标注交互及GeoJSON加载。
Flutter应用集成Mapbox地图功能
解决Mapbox iOS构建失败或权限配置问题
在Flutter中初始化MapWidget并处理相机控制
npx skills add mapbox/mapbox-agent-skills --skill mapbox-flutter-patterns -g -y
提供Mapbox地理空间工具选型指导,根据问题类型(如直线距离、路径规划、交通时间)和性能需求,在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 地图功能
需要添加地图标记或自定义数据
Mapbox SDK 安装与配置问题
npx skills add mapbox/mapbox-agent-skills --skill mapbox-ios-patterns -g -y
指导AI通过Mapbox MCP工具获取实时位置数据,生成带引用的地点相关回答。涵盖周边搜索、路径规划及地图可视化,避免依赖过时训练数据导致幻觉,适用于房地产、旅行等场景。
查询某地点附近的设施或兴趣点
询问两地间的距离或通勤时间
描述特定区域或街区的特征
基于坐标进行反向地理编码
npx skills add mapbox/mapbox-agent-skills --skill mapbox-location-grounding -g -y
提供 MapLibre GL JS 迁移至 Mapbox GL JS 的专业指南,涵盖 API 兼容性、Token 配置及风格设置。旨在帮助开发者利用 Mapbox 官方支持、优质地图数据和生态系统优势,实现平滑升级并享受企业级服务。
需要将地图库从 MapLibre 迁移到 Mapbox
询问 MapLibre 与 Mapbox 的区别或迁移成本
npx skills add mapbox/mapbox-agent-skills --skill mapbox-maplibre-migration -g -y
提供Mapbox MCP DevKit集成模式,指导AI助手通过MCP协议进行样式管理、令牌生成、数据验证及文档查询。旨在加速Mapbox应用的开发流程,覆盖从原型设计到预发布验证的完整工作流。
构建Mapbox地图应用
使用AI辅助开发地理信息系统
自动化Mapbox样式管理与验证
生成Mapbox访问令牌
npx skills add mapbox/mapbox-agent-skills --skill mapbox-mcp-devkit-patterns -g -y
提供Mapbox MCP Server在AI应用中的集成模式,覆盖pydantic-ai、LangChain等框架。包含离线与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 根据查询类型选择 search_and_geocode、category_search 或 reverse_geocode 工具,并规范 proximity 等空间约束参数的使用。
用户询问特定地点、地址或品牌的位置信息
用户需要查找某一类场所(如咖啡店、酒店)
用户提供坐标需转换为具体地址
涉及地图搜索工具的参数配置建议
npx skills add mapbox/mapbox-agent-skills --skill mapbox-search-patterns -g -y
提供Mapbox地图样式配置与图层设置的最佳实践,涵盖餐厅查找、房地产、数据可视化等场景的现成模式。
实现特定地图应用场景
寻找经过验证的地图样式模式
配置地图图层样式
npx skills add mapbox/mapbox-agent-skills --skill mapbox-style-patterns -g -y
提供Mapbox样式质量保障专家指导,涵盖发布前检查、开发中验证及部署前优化。通过表达式、GeoJSON和颜色对比度检测工具,确保样式合规、性能优异且无障碍,辅助调试与生产环境准备。
准备将Mapbox样式部署到生产环境
需要验证或优化Mapbox样式文件
调试地图样式中的显示问题
npx skills add mapbox/mapbox-agent-skills --skill mapbox-style-quality -g -y
提供Mapbox访问令牌的安全最佳实践,涵盖公钥、密钥和临时令牌的使用场景、最小权限范围管理、URL限制及轮换策略,指导安全配置与敏感数据保护。
创建或配置Mapbox令牌
审查令牌权限与范围
实施令牌轮换策略
解决令牌泄露风险
npx skills add mapbox/mapbox-agent-skills --skill mapbox-token-security -g -y
提供Mapbox GL JS在React、Vue等主流Web框架中的官方集成最佳实践,涵盖初始化、生命周期管理、令牌安全及内存泄漏防护,基于create-web-app脚手架工具。
需要在Web项目中集成Mapbox地图功能
询问Mapbox GL JS与特定前端框架的集成方式
处理Mapbox地图组件的生命周期或内存管理问题
npx skills add mapbox/mapbox-agent-skills --skill mapbox-web-integration-patterns -g -y
提供Mapbox GL JS Web应用的性能优化指南,涵盖初始化瀑布流消除、并行数据加载、初始视口设置及渲染性能提升,按用户体验影响优先级排序。
需要优化地图应用加载速度
解决Mapbox初始化卡顿或资源加载延迟
前端性能调优
npx skills add mapbox/mapbox-agent-skills --skill mapbox-web-performance-patterns -g -y


