Community生产力与协作github.com

mapbox/mapbox-style-quality

关于验证、优化和确保 Mapbox 样式质量的专家指导,包括验证、可访问性检查和优化。在准备生产样式、调试问题或确保地图质量标准时使用。

mapbox-style-quality 是什么?

该技能专注于为开发者提供 Mapbox 样式的全面质量保障。它通过样式验证、可访问性检查和优化建议,帮助确保 Mapbox 样式在生产环境中的稳定性和用户体验。该技能支持在 Claude Code、Cursor 等 AI 代理平台中使用,能够自动分析样式文件中的潜在错误,如无效图层、缺失资源或样式冲突。此外,它还能针对 WCAG 标准进行颜色对比度和可访问性评估,并提供性能优化策略,例如减少样式大小、优化矢量瓦片和提升渲染效率。通过整合 Mapbox 官方最佳实践,该技能能够显著减少样式调试时间,并确保地图在不同设备和缩放级别下的一致表现。无论是准备新样式还是维护现有样式,它都是一款不可或缺的工具。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mapbox/mapbox-agent-skills/tree/main/skills/mapbox-style-quality

Installed? Explore more 生产力与协作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

mapbox-style-quality 是做什么的?

关于验证、优化和确保 Mapbox 样式质量的专家指导,包括验证、可访问性检查和优化。在准备生产样式、调试问题或确保地图质量标准时使用。

Individual skills in this repo

This repo contains 8 individual skills — each has its own dedicated page.

mapbox/mapbox-cartography

Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps with Mapbox. Use when designing map styles, choosing colors, or making cartographic decisions.

mapbox/mapbox-data-visualization-patterns

Patterns for visualizing data on maps including choropleth maps, heat maps, 3D visualizations, data-driven styling, and animated data. Covers layer types, color scales, and performance optimization.

mapbox/mapbox-geospatial-operations

Expert guidance on choosing the right geospatial tool based on problem type, accuracy requirements, and performance needs

mapbox/mapbox-search-integration

Complete workflow for implementing Mapbox search in applications - from discovery questions to production-ready integration with best practices

mapbox/mapbox-style-patterns

Common style patterns, layer configurations, and recipes for typical mapping scenarios including restaurant finders, real estate, data visualization, navigation, delivery/logistics, and more. Use when implementing specific map use cases or looking for proven style patterns.

mapbox/mapbox-token-security

Security best practices for Mapbox access tokens, including scope management, URL restrictions, rotation strategies, and protecting sensitive data. Use when creating, managing, or advising on Mapbox token security.

mapbox/mapbox-web-integration-patterns

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.

mapbox/mapbox-web-performance-patterns

Performance optimization patterns for Mapbox GL JS web applications. Covers initialization waterfalls, bundle size, rendering performance, memory management, and web optimization. Prioritized by impact on user experience.

相关技能