Open Source Garmin Watch Kit Template
Design a watch face in the browser, leave with real Monkey C.
A Connect IQ starter kit: design a Garmin watch face visually, then copy or download the generated Monkey C source and follow a guided SDK setup checklist.
This is the real app, not a mockup. Whatever you enter in the demo stays in your browser and belongs to nobody.
What you get
One zip. Everything to own it.
Garmin Watch Kit closes the distance between “I want a custom watch face” and code running on a wrist. Design visually — shape, accent, date, steps, heart rate, battery — against a live-ticking preview, and the kit regenerates a matching manifest.xml and Monkey C source as you click. A five-step checklist walks through Garmin's free Connect IQ SDK so the paste-and-press-F5 moment actually happens. Honest framing: this generates real starter code; compiling and running happens in Garmin's tooling on your machine.
- Visual watch-face designer with a live-ticking preview
- Generated manifest.xml and Monkey C source that mirror the design
- Complication toggles: date, steps, heart rate, battery
- Copy or download every generated file
- Guided Connect IQ SDK setup checklist
garmin-watch-kit/├── app/the running Next.js app├── agent/START_HERE, PROJECT_MAP, RULES, RECIPES, TESTS, DEPLOY├── CLAUDE.mdread automatically by Claude Code├── AGENTS.mdread automatically by Codex├── .cursor/rules/loaded automatically by Cursor└── README.mdrun it, then make it yours
Inside the app
Customize with AI
Your agent already knows this codebase.
Ships with CLAUDE.md, AGENTS.md, Cursor rules, and a full agent handbook — project map, safety rules, recipes, tests, and deploy notes.
Prompts written against this app
Run it
5 min to your own copy.
- 01Create your editable app copy and unzip it.
- 02Run npm install.
- 03Run npm run dev and open http://localhost:3000.
- 04Read /agent/START_HERE.md before customizing.
- 05Swap the local-first storage boundary for your own backend when ready.
Garmin Watch Kit data stays in this browser by default.
No account, backend, or cloud sync is included in the current package.
An agent can add optional sync later while preserving the local-first default.
This package is standard-ready for Create My App and AI customization.
A full app-only PWA install route is not enabled yet for this app.
If this isn’t quite right
Take Garmin Watch Kit and make it yours.
Free, MIT, 5 min to running. The demo above is exactly what lands in your folder.