Social Card Map / Travel Template
Use when location, route, itinerary, distance, neighborhood, or place relationship is central to the card.
Core Rule
A map card must clarify spatial relationships. Do not add a map shape only as decoration.
Structure Options
- route map + 3 stops
- neighborhood map + recommendation labels
- day itinerary + simple path
- place card + mini map + travel note
- comparison: two areas / two routes
Must Do
- Simplify geography aggressively.
- Label only necessary places.
- Use a clear route/path hierarchy.
- Include context: city, date, duration, walking/driving/transit if relevant.
Avoid
- Map details too dense for phone viewing.
- Fake exact map data when none is provided.
- Decorative map backgrounds unrelated to content.
Pattern Source Rule
Read this SKILL.md first. Do not read pattern.html by default.
Read pattern.html only when you need concrete layout rhythm, spatial relationships, or interaction/annotation behavior that this markdown cannot fully specify. When read, extract patterns only; do not copy DOM, CSS classes, exact spacing, placeholder copy, or styling wholesale.