This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
Sign in to like and favorite skills
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
The Body Electric is an integrated health & fitness platform that provides a unified dashboard for tracking various health metrics through specialized mini-apps. Part of the Quarterly Systems ecosystem.
Target URL:
body.quarterly.systemsthe-body-electric/ ├── index.html # Main landing/coming soon page ├── apps/ # Mini-apps directory │ ├── mini-apps/ # Mini-apps registry and docs │ │ ├── index.json # App metadata and registry │ │ └── README.md # Mini-apps documentation │ └── weight-tracker/ # Weight tracking mini-app (placeholder) ├── CLAUDE.md # This file └── .git/ # Git repository
Each mini-app is a self-contained application within the
/apps/apps/mini-apps/index.jsonWeight Tracker (Active)
/apps/weight-tracker/Future Mini-Apps (Planned)
File:
index.htmlSimple static HTML page showing:
Deployment:
/index.htmlmain/apps/[app-name]//apps/mini-apps/index.jsonEach mini-app should expose a data endpoint returning:
{ "appId": "app-name", "lastUpdated": "2025-10-03T12:00:00Z", "summary": { "currentValue": 82.5, "unit": "kg", "trend": "decreasing", "changeRate": -0.2 }, "recentData": [...], "meta": {...} }
# No build required - static HTML git add . && git commit -m "..." git push # Auto-deploys to body.quarterly.systems
Each mini-app may have its own build process:
cd apps/[app-name] npm run build # or app-specific build command # Deploy to subdirectory or subdomain as needed
quarterly-systems-landing/src/pages/apps.astroEach mini-app chooses its own stack. Example (Weight Tracker):
undefined/apps/weight-tracker/index.htmlThis project has the Chrome DevTools MCP server installed, which allows Claude to:
Use this for testing web pages, debugging issues, and analyzing performance without manual intervention.