Menu
Add a right-click context-menu action to the geojson.app map. Use when asked to add a context menu item, right-click action, or per-feature action.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Add an interactive map tool (exclusive pointer mode like measure, draw, inspect) to geojson.app. Use when asked to add a drawing tool, editing mode, or any click-driven map interaction.
Diagnose geojson.app map issues — features not rendering, selection/highlight broken, theme swap losing layers, embed commands failing, blank map. Use when debugging map behavior or verifying map internals in the browser preview.
Run geojson.app's full pre-merge/pre-deploy verification — build, lint, and the manual browser checklist. Use before committing significant changes, opening a PR, or deploying.
Rotate the geojson.app basemap tile archive (new PMTiles build) or change tile serving config. Use when asked to update tiles, refresh the basemap/OSM data, bump the tile date, or touch the tile worker.
Add a new control-bar panel to geojson.app (toolbar button + panel UI). Use when asked to add a panel, sidebar section, or toolbar feature to the map controls.
Expose a new capability to the geojson.app embed SDK / external callers (and future MCP agents). Use when asked to add an SDK method, protocol command, embed API, or agent-callable capability.
| name | add-context-action |
| description | Add a right-click context-menu action to the geojson.app map. Use when asked to add a context menu item, right-click action, or per-feature action. |
Actions are data-only registrations. The menu component, positioning, and dispatch already exist.
src/extensions/context-menu/builtin/actions.ts inside registerBuiltinContextMenuActions() (or a new module called from src/extensions/index.ts if it's a distinct feature):contextMenuRegistry.register({
id: '<kebab-id>',
label: '<Menu Label>',
group: 'navigate' | 'data' | 'edit' | 'style' | 'danger', // menu section order
order: <n>, // within group
isVisible: (ctx) => ctx.feature !== null && !ctx.isEmbed, // when to show
execute: (ctx) => { /* ... */ },
});
The context is pure data: ctx = { feature: IdentifiedFeature | null, lngLat: {lng, lat}, isEmbed: boolean }. For behavior, call stores imperatively:
useLayersStore.getState().removeFeature(ctx.feature.id) etc.useUiStore.getState().requestFocus({ kind: 'feature', featureId }) (consistent padding policy) — do NOT call MapLibre directly.useUiStore.getState().showProperties(fid).useToolsStore.getState().setActiveTool('measure').Icon (optional but expected): add the id → lucide icon mapping to ICON_MAP in src/features/context-menu/ContextMenu.tsx.
Embed rules: destructive/editing actions must set isVisible: (ctx) => !ctx.isEmbed. Read-only actions may stay visible in embeds.
Copy-to-clipboard actions must strip internal properties (_fid, _search_result) — see the copy-geojson builtin for the pattern.
npm run build && npm run lint.