Life OS — Personal Dashboard Template

A single, self-contained HTML file that gives you a real-time view of everything that matters in your life and business. No frameworks. No subscriptions. No backend. Just open it in a browser.

What Is This?

Life OS is a personal operating system built as a 200KB HTML file with nine customizable Command Centers — each representing a major life or business domain.

It was built entirely through conversation with Claude Cowork by Anthropic, across five AI-assisted sessions.

Features

Nine Command Centers

#	Command Center	What It Tracks
1	Product	Sprint progress, velocity trends, blockers, team assignments, GA confidence
2	Speaking	Keynote pipeline, fees, statuses, calendar
3	Books	Writing projects, checklists, milestone tracking
4	Advisory	Client pipeline, revenue metrics, deal stages
5	Long-Term Vision	Multi-year strategic plan with milestone timeline
6	Health & Fitness	Biometrics (HR, HRV, sleep, VO2 max), workouts, steps
7	Finance & Wealth	Investments, income streams, net worth tracking
8	Learning & Reading	Books, courses, certifications in progress
9	Travel & Lifestyle	Trips, visa tracking, bucket list

Interactive Features

• Pillar Tabs — Filter Command Centers by life domain (Product, Speaking, Books, Advisory, Health, Finance, Learning, Travel)
• Drag & Drop — Reorder Command Centers and KPI cards to match your priorities
• Collapsible Sections — Click any Command Center header to expand/collapse
• KPI Navigation — Click a KPI card to scroll to its Command Center
• Light/Dark Mode — Full CSS custom property theme system (toggle ready)
• Responsive — Works on desktop, tablet, and mobile
• Chart.js Integration — Interactive doughnut charts and line graphs
• Token Tracker — Collapsible footer logging AI session costs

Data Pipeline

The dashboard can sync from multiple sources:

Source	Method	Script
Project management boards	API pull	Customize for your tool
Email updates	Subject-line protocol	See docs/email-protocol.md
Calendar	API pull	Customize for your provider
Strava	OAuth2 API	scripts/strava-sync.py
Apple Health	CSV export + parser	scripts/parse-health-export.py
Manual data	Markdown files	data/*.md

Quick Start

1. Clone the repo

git clone https://github.com/dimitrisdimitriadisTFC/life-os-template.git
cd life-os-template

2. Open the dashboard

open life-os-dashboard.html
# or just double-click the file in your file manager

3. Customize your Command Centers

Edit the HTML directly — each Command Center is clearly marked with comments:

<!-- ════════════════════════════════════════════ -->
<!-- COMMAND CENTER 1: YOUR PRODUCT               -->
<!-- ════════════════════════════════════════════ -->

4. Set up data sync (optional)

# Health data from Apple Health exports
python3 scripts/parse-health-export.py path/to/export.zip

# Strava activity sync
python3 scripts/strava-sync.py --setup  # one-time OAuth
python3 scripts/strava-sync.py          # sync activities

5. Cross-machine sync (optional)

# Set up Google Drive mirroring between machines
bash scripts/sync-machines.sh

Tech Stack

Intentionally minimal:

• HTML5 — Semantic, single-file architecture
• CSS3 — Custom properties for theming, Grid + Flexbox for layout
• Vanilla JavaScript — No frameworks, no build tools
• Chart.js 4.5 — Interactive charts (loaded via CDN)
• Inter font — Clean typography (loaded via Google Fonts)
• Python 3 — Optional sync scripts for APIs and health data

Zero dependencies to install. Zero build steps. Zero subscriptions.

File Structure

life-os-template/
├── life-os-dashboard.html    # The dashboard (single file, ~200KB)
├── scripts/
│   ├── parse-health-export.py   # Apple Health CSV parser
│   ├── strava-sync.py           # Strava API sync with OAuth2
│   ├── sync-machines.sh         # Cross-machine Google Drive sync
│   └── install-strava-sync.sh   # LaunchAgent installer for macOS
├── data/
│   ├── health-fitness.md        # Health module data
│   ├── finance-wealth.md        # Finance module data
│   ├── learning-reading.md      # Learning module data
│   ├── travel-lifestyle.md      # Travel module data
│   └── SYNC-CONFIG.md           # Sync schedule & data source config
├── docs/
│   ├── email-protocol.md        # PA email update protocol
│   └── customization-guide.md   # How to add/modify Command Centers
├── LICENSE                       # MIT License
└── README.md                     # This file

Email Update Protocol

Your team can update the dashboard via email using a structured subject line:

[UPDATE] Speaking: New - Event: TechConf - Date: May 15 2026 - Fee: €5000
[UPDATE] Book: Project Alpha - Stage: Editing
[UPDATE] Advisory: Acme Corp - Status: Proposal Sent - Value: €45000
[UPDATE] Product: Feature X - Status: Sprint 8 Target

See docs/email-protocol.md for the full protocol specification.

Customization

Adding a new Command Center

1. Copy an existing <div class="command-center"> block
2. Give it a unique id (e.g., id="cc-music")
3. Add data-pillar="music" attribute
4. Add the pillar to the JS maps (filterPillar function):

   pillarMap: { ..., 'music': ['cc-music'] }
   kpiMap: { ..., 'music': ['kpi-music'] }
   

5. Add a corresponding KPI card and pillar tab

Changing the color scheme

Edit the CSS custom properties in :root:

:root {
  --accent: #D97757;        /* Primary accent (warm orange) */
  --green: #2d9d78;          /* Success/done */
  --blue: #4a90d9;           /* Info/in-progress */
  --purple: #7c5cbf;         /* Creative/books */
  --yellow: #d4a017;         /* Warning/advisory */
  --red: #d94f4f;            /* Error/blocked */
}

Connecting new data sources

The sync architecture is modular. Each data source has:

1. A pull script (Python or shell) that fetches data
2. A markdown file in data/ that stores the latest state
3. An injection point in the HTML marked with comments

How It Was Built

This entire project was built through conversation with Claude Cowork by Anthropic. Five sessions, approximately 3.4 million tokens, estimated cost ~$51.

The token consumption is tracked in the dashboard footer — a feature that was itself built in the fifth session.

Session	Work Done
#1	Dashboard HTML created, 5 CCs, KPI row, Chart.js, pillar tabs, dark mode
#2	Strava integration, Finance CC, 4 new CCs, email PA protocol
#3	Cross-machine merge, JS maps for all pillars, Google Drive sync
#4	Apple Health parsing, biometric data injection, health parser script
#5	Token tracker, final validation, open-source template

Contributing

Contributions welcome! Some ideas:

• New Command Center templates — Social media, music practice, side projects
• Data source connectors — Todoist, Asana, Garmin, Fitbit, YNAB
• Two-way sync — Update task statuses from the dashboard
• AI daily briefing — Morning summary card generation
• Mobile PWA — Service worker for offline + home screen

License

MIT License — see LICENSE for details.

Credits

Built with Claude Cowork by Anthropic.

Inspired by the idea that your entire life should be visible in one glance.