Maps location design
Skill Dragoon0x/everything-design-taste/skills/maps-location-design
Map-based interface design including geolocation, markers, directions, and location search.From its SKILL.md
npx -y skills add Dragoon0x/everything-design-taste --skill maps-location-designAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.0 KB, 176 tokens by cl100k_base, as published. Nobody here has run it
Maps Location Design
Map Interface
- Full viewport map with overlay controls.
- Pinch-to-zoom on mobile. Scroll zoom on desktop (with modifier key).
- Current location button (bottom-right).
- Search bar overlay (top).
Markers
- Cluster markers when zoomed out.
- Interactive popups on click/tap.
- Color/icon differentiation by category.
- Selected marker highlighted with larger/different style.
Directions
- Start + End inputs with swap button.
- Multiple transport modes: drive, walk, transit, bike.
- Route preview on map with time/distance.
- Turn-by-turn list alongside map.
- Real-time navigation with voice guidance (mobile).
Location Search
- Autocomplete with address suggestions.
- Recent locations.
- Category search: "coffee shops near me."
- Results as list + map pins simultaneously.
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.