extend-map-config

Guide schema-first MapConfig changes across tests, Zustand store, URL state, and admin editors.

2|Updated Feb 17, 2026
One-click install
npx skills add https://github.com/ogc-maps/storybook-components --skill extend-map-config
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: extend-map-config
Source: https://github.com/ogc-maps/storybook-components/tree/main/.claude/skills/extend-map-config
Command: npx skills add https://github.com/ogc-maps/storybook-components --skill extend-map-config

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? The Zod-based MapConfig schemas are the single source of truth. When changes are needed, they must propagate through tests, stores, URL state, and admin editors to avoid broken configs.

## Core Features & Use Cases

  • Schema-first changes: add fields in config.ts, derive types, and keep existing configs valid via defaults.
  • End-to-end propagation: hydrate the Zustand store, update URL state, and reflect changes in the admin UI.
  • Safe migration guidance: follow a prescribed sequence to avoid breaking changes and maintain backwards compatibility.

### Quick Start Propose the schema change, then follow the outlined order to propagate it through the schema, tests, store, URL state, and admin editors.

Frequently Asked Questions about extend-map-config

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

FAQPage Schema
How do I safely evolve a Zod schema without breaking existing configs?

To safely evolve a Zod schema without breaking existing configs, apply a schema-first approach by adding fields in config.ts, deriving types, and setting defaults to maintain backwards compatibility across the workflow.

What is the correct order to propagate MapConfig schema changes?

The correct order to propagate MapConfig schema changes starts with the schema, then moves through tests, the Zustand store, URL state, and finally the admin editors to ensure end-to-end consistency.

How do I update the Zustand store and URL state after changing a TypeScript schema?

To update the Zustand store and URL state after changing a TypeScript schema, hydrate the store with the new defaults and reflect the schema modifications in the URL state to maintain synchronization.

Can I add new fields to a config schema and keep old configs valid?

Yes, you can add new fields to a config schema and keep old configs valid by defining appropriate default values during the schema-first migration, ensuring existing configurations remain functional.

Why do my admin editors break after updating the MapConfig schema?

Admin editors break after updating the MapConfig schema when changes are not fully propagated end-to-end, requiring updates to tests, store hydration, and UI components to restore functionality.

Does this schema migration approach work without external dependencies?

Yes, this schema migration approach works without external dependencies, relying solely on the existing Zod-based schemas, TypeScript types, and the prescribed workflow to guide safe end-to-end propagation.