mapbox-style-quality

Validate and optimize Mapbox styles for performance, accessibility, and data integrity.

Updated May 18, 2026
One-click install
npx skills add https://github.com/RizkLee/HNNU-Campus-Guide --skill mapbox-style-quality-rizklee
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mapbox-style-quality
Source: https://github.com/RizkLee/HNNU-Campus-Guide/tree/main/.agents/skills/mapbox-style-quality
Command: npx skills add https://github.com/RizkLee/HNNU-Campus-Guide --skill mapbox-style-quality-rizklee

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Mapbox style quality assurance requires a structured approach to validation, accessibility, and optimization across development and production.

Core Features & Use Cases

  • Validation: verify expressions, sources, and layer configuration before deployment.
  • Accessibility: check color contrast and label readability to meet WCAG standards.
  • Optimization: remove unused sources, duplicate layers, and simplify complex expressions to improve performance and size.
  • Use Case: a team validating a new Mapbox style for a live map, comparing against production, and generating an optimization report before release.

Quick Start

Run a full pre-production workflow: validate all GeoJSON sources and expressions, check color contrast, compare with the production version, and then optimize the style.

Frequently Asked Questions about mapbox-style-quality

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I validate Mapbox style expressions and GeoJSON sources before deployment?

Validate Mapbox style expressions and GeoJSON sources by running pre-production checks to verify layer configurations, data integrity, and source structures. This process identifies configuration errors and ensures data integrity before styles reach production environments.

How do I check Mapbox map color contrast for WCAG accessibility compliance?

Check Mapbox map color contrast for WCAG accessibility by evaluating label readability and color visibility against map backgrounds. This accessibility validation ensures text labels meet contrast standards and remain readable for all users.

What is the best way to optimize Mapbox style size and rendering performance?

Optimize Mapbox style size and rendering performance by removing unused sources, deleting duplicate layers, and simplifying complex expressions. This optimization reduces file size and improves map load times in production workflows.

Can I compare Mapbox style changes against production versions to generate a diff report?

Compare Mapbox style changes against production versions by running post-change validation to generate diff reports. This change-diff reporting highlights structural modifications, expression updates, and source differences between development and production styles.

Does the Mapbox style validation workflow require external dependencies or libraries?

The Mapbox style validation workflow requires no external dependencies or libraries to run. It operates as a standalone quality assurance process to validate expressions, check accessibility, and optimize styles without additional environment setup.