ashishkaloge/map-design

<h1 align="center">Map Design</h1> <p align="center"><b>Your coding agent cannot draw a coastline. With this skill it does not have to.</b></p> <p align="center"> An agent skill that turns "poster of Lisbon in azulejo blue" or "map this CSV by state"<br> into a real, accurate map: one self-contained HTML page, an SVG and a print-ready PNG.<br> Real borders, coastlines and coordinates. No API keys. No runtime dependencies. </p> <p align="center"> <a href="https://github.com/ashishkaloge/map-design/actions/workflows/ci.yml"><img src="https://github.com/ashishkaloge/map-design/actions/workflows/ci.yml/badge.svg" alt="CI"></a> <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="MIT license"></a> <img src="https://img.shields.io/badge/Node.js-20%2B-339933" alt="Node.js 20+"> <img src="https://img.shields.io/badge/dependencies-0-1b1b19" alt="No runtime dependencies"> <a href="https://agentskills.io"><img src="https://img.shields.io/badge/Agent_Skills-compatible-1b1b19" alt="Agent Skills compatible"></a> </p> <p align="center"> <img src="docs/assets/hero.webp" width="920" alt="Six maps made with the skill: posters of Lisbon in cobalt on white, San Francisco in white on black, Tokyo in ink on paper and Manhattan in blueprint blue, a map of US population change by state from 2020 to 2024, and an antique-style map of the voyage of HMS Beagle."> </p> <p align="center">_{Street poster data: <a href="https://www.openstreetmap.org/copyright">© OpenStreetMap contributors</a> (ODbL).}</p> <p align="center"><code>npx skills add ashishkaloge/map-design</code></p> <p align="center"> <a href="#ask-for-a-map">Ask for a map</a> · <a href="#why-a-skill">Why a skill</a> · <a href="#gallery">Gallery</a> · <a href="#install">Install</a> · <a href="#what-it-makes">What it makes</a> · <a href="#how-it-works">How it works</a> · <a href="#limits">Limits</a> </p>

Ask for a map

Once installed, ask your agent the way you