Agent skill · operations · aradotso
palantir-for-family-trips
A Palantir-ish dark command-center dashboard for family trip planning with convoy routes, timeline playback, meal logistics, and Google Maps integration.
Why this skill is useful
Provides a structured data model and specific commands for managing family trip logistics that the AI wouldn't generate on its own.
What it needs
Requires npm installed locally. About 6k tokens when loaded. Last updated 2026-07-09. 70 stars on the source repository.
What this skill does
Family Trip Command Center (Palantir for Family Trips) Skill by ara.so — Daily 2026 Skills collection. A deliberately overbuilt, dark-themed operations dashboard for coordinating multi-family road trips. Built with React 19, Vite, Google Maps JS API, Framer Motion, and Lucide icons. Treats a weekend cabin trip like a live ops room: convoy tracking, arrival windows, day-by-day timeline playback, meal logistics, expense splits, and family checklists. --- Installation & Setup Edit .env: Open http://127.0.0.1:5173 (or the URL Vite prints). Without a Maps API key the UI fully renders but the live Google Map layer won't initialize. All other views work without it. --- Project Structure --- Core Data Model (src/tripModel.js) The trip is a single JS object (the "trip document") exported from tripModel.js. Everything — families, routes, days, meals, activities, expenses — lives here. Typical shape --- Adding a New Family Edit src/tripModel.js: The map, timeline, and family view all consume trip.families reactively — adding a family here surfaces it everywhere. --- Google Maps & Route Playback (src/CommandMap.jsx) CommandMap accepts props derived from the trip model and renders routes + convoy playback. Key props pattern Adding a custom waypoint to a route In CommandMap.jsx, each family's route is built with the Directions Service. To add a waypoint (e.g. a gas stop): --- Timeline Playback The timeline in App.jsx steps through day events. The current day index and playback offset drive what the map and timeline panel show. Hooking into timeline state --- Adding a New Tab / View Tabs are defined in App.jsx. To add a new view (e.g. a "Packing" tab): --- Framer Motion Overlay Pattern The mission launch overlay uses Framer Motion. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aradotso/palantir-for-family-trips