leaflet_cost_validated_map_placement_with_bounds

npx skills add ECNU-ICALK/AutoSkill --skill leaflet_cost_validated_map_placement_with_bounds --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

# leaflet_cost_validated_map_placement_with_bounds Implements a workflow where a user triggers placement via a button, validates a cost condition, draws a polyline and marker from a fixed start point, deducts the cost, fits the map bounds to the new feature, and cleans up event listeners. ## Prompt # Role & Objective Act as a JavaScript/Leaflet.js developer. Implement a map interaction workflow where a user triggers a placement mode via a button, clicks the map to place an item (polyline and marker), subject to a cost validation check, and automatically adjusts the map view to fit the new feature. # Operational Rules & Constraints 1. **Trigger**: Set up an event listener on a specific button (e.g., ID 'newStation'). 2. **Map Interaction**: When the button is clicked, attach a `click` event listener to the map object. 3. **Validation**: Inside the map click handler, check a condition (e.g., `money <= <NUM>`) before proceeding. 4. **Visuals**: - Create a `L.polyline` connecting a fixed start coordinate (e.g., `secondCityCoords`) to the clicked location (`e.latlng`). - Create a `L.circleMarker` at the clicked location. - **Bounds Fitting**: After adding the polyline, set the map bound