Dotted
In a vibe off: A habit tracker you'll actually keep opening
Ten months of habits, one dot a day. Darker dots mean a longer run, so a missed day shows without feeling like failure.
What made it work
A streak count next to each habit. The dots show the pattern; the number gives the push.
The screens
Build your own version
Yours goes up next to @amira_h’s as a vibe off, and @amira_h is told. Credit for the idea stays with them.
How it was madeThe prompt, tools, time, what’s left to make it real.
What’s left to make it real
Save to the browser, gentle reminders, and an export so the data stays yours.
- Made with
- Claude Code, HTML
- Took
- 3 hours
- How
- Started from a picture in my head of a GitHub contribution graph for real life. Claude Code built the grid; I spent the rest of the time on spacing and colour until it felt calm.
- The prompt
- Habit tracker like a GitHub contribution graph: seven rows, one column per week, three habits stacked. Serif headline, lots of white space.In Claude Code, HTMLTook 3 hours
- Hard parts
- Making nine hundred squares feel calm instead of busy. Fixed 18px cells and four shades of one green did it.
One other version of this
- Tiny Wins
Four big, silly cards for four tiny habits. Tap them through the day, watch the ring fill up, get cheered on. — @lukasm
Building on it rather than answering it? Post a remix and it links back here.
Share it
More builds
Post a buildTiny Wins
@lukasmv0vs @amira_hI built a floral weekly planner that doubles as a desktop wallpaper
@ajofClaude1 commentMyCaddie — a simple golf club picker that adjusts for wind
@fredrikht3011ChatGpt 5.51 commentI built a study app that quizzes me on my own notes
@tobias_gpClaude1 commentI pivoted my restaurant review web app to Android after an hour, and it ran on my phone 30 minutes later
@stewiikltGoogle Antigravity1 commentWe built Circles, a social app where every hobby gets its own look
@bmoobjectClaude1 comment
Comments
Nothing yet. Ask @amira_h how they got it to work, or say what you liked.
Sign in to comment — you come straight back here.