A personal habit tracker of any complexity in one evening

Section 01What this tracker is and why you'd want one

A tracker is a single page where your whole week is visible at a glance. Let's break it down piece by piece, using mine as the example.

👉 Open the example tracker in a separate tab and read on while glancing at it – it makes everything clearer.

On the left is the list of habits, across the top are the seven days of the week. Check a box and the cell lights up. Next to it the streak counts: keep "up before eight" five days in a row and you see the number 5 and you don't want to reset it. That's the real engine. The streak turns boring discipline into a small game where you don't want to break the chain.

At the top is a stats block: what percentage of your habits you've closed this week, which day was your best, which streak is currently the longest. It gives you the picture in a single glance, with no math in your head. Higher up still I keep a 25-minute pomodoro timer: hit start, work in focus, hear the chime. Then comes a "content this week" block – what I'm planning to ship, with a "done" check-mark. And at the bottom, a notes field where I dump my thoughts for the week, and it saves itself.

Why all of this matters. When your whole week is in front of you on one screen, you immediately see where you're slipping. I see three empty cells in a row on Tuesday, Thursday and Saturday and I understand the workouts fell off again. The check-mark gives a little hit of satisfaction, the streak turns into a thrill, and an empty row at the end of the week honestly shows where you ran out of steam. No "well, I'm sort of trying" self-deception.

Let me say a separate word about the streak, because it's the heart of the tracker. When a habit racks up seven, ten, twenty days in a row, breaking the chain becomes physically painful. The brain clings to that counter harder than to any willpower. On a gloomy day when you don't feel like doing anything, it's exactly the unwillingness to reset the streak that gets you off the couch. That's how my "up before eight" holds. I'm not made of iron. I just spent a month growing that number and now I don't want to lose it over one lazy morning. A ready-made app from the store can do this too, but in it your chain lives among someone else's buttons and ads. In your own tracker it sits exactly where it's convenient for you to look at it.

Who this is for. An expert – to run both habits and content output in one place. A blogger – to keep a publishing rhythm. An entrepreneur – to see whether they're getting to what matters, not just the busywork. A student – to track studying and sport. The logic is the same everywhere, only the rows inside change.

You could install a ready-made app from the store. But it comes with someone else's logic, extra buttons, subscriptions and ads. Your own tracker you build exactly for yourself: the habits you need, the look you like. And it comes together in a single evening, in one conversation with the AI. No programming. I'll show you the whole path.

Section 02What you'll need

The list is short. You don't need to install anything on your computer.

• A Claude account – this is the AI from the company Anthropic, and it's what will build the tracker. The site is claude.ai. The free plan is enough to build the page and tweak it a couple of times.
• Any browser on your computer – Chrome, Safari, Edge, whatever you already have. A phone works too, but a computer is more comfortable at the start.
• 30–40 minutes of quiet time for the first build. After that, edits take minutes.

Free or paid

On Claude's free plan there's a message limit over a window of a few hours. To build a tracker and make a few edits, it's usually enough. If you hit the limit, wait a couple of hours or come back tomorrow – everything is saved in the same conversation. The paid plan removes the limit and gives you a smarter model, but for this task it isn't required.

Signing up is quick if you're in the US or EU: register with your email or a Google account and move on. If you're outside those regions, there's a small wrinkle with registration and a VPN. Don't worry, it takes about half an hour, and the whole path is broken down step by step in the next section.

The entire conversation with the AI happens in plain text, like chatting in a messenger. No commands and no code – you write in words what you want, and the AI does it.

Step 1Sign up for Claude

Claude is made by the company Anthropic. If you're in the US or EU, everything opens right away: register with your email or a Google account and move straight to the next step. If you're outside the supported regions, the site claude.ai may not open directly – Anthropic blocks certain countries' IPs. There's a working path, and it takes about half an hour. You need three things: a VPN, a virtual number for SMS, and an account on claude.ai.

How much Claude Pro costs

The Pro subscription is $20 a month. You pay it directly in the "Upgrade to Pro" section on claude.ai with your regular card. If your card gets declined, the most common reasons are below.

Step 2Open Claude

You're logged into your account. In front of you is a clean chat window: the input field at the bottom, your conversation history on the left. This is where you'll type what you need in plain words. Check that everything works – type "hello" and make sure the AI replies. Claude understands English fluently, so you don't need to switch anything.

What an artifact is

There's one thing worth knowing about Claude in advance; it'll make the rest clearer. It can do more than reply with text. When you ask it to build a page, the AI will open it in a separate little window right next to the conversation – that window is called an artifact. You don't need to look for it, it appears on its own as soon as Claude builds the tracker. The page in it is live straight away: buttons click, boxes check, the theme switches. If you don't like something, you write into the chat and the tracker in the window rebuilds before your eyes.

Step 3Describe the tracker in your own words

This is the most important step, and it's worth giving it a bit more attention. The clearer you describe what you want to see on the screen, the more accurately the AI builds it on the first try. No technical words needed. Picture explaining it to a friend who'll draw the page for you: this goes at the top, this as a table, here are the check-marks, a toggle in the corner.

So you don't have to invent it from scratch, take my prompt and change it to fit you. Copy it into the chat in full:

Build me a personal weekly tracker as a single HTML page.
I want to open it in my browser and check off boxes
every day.

What I need on the page:
1. A header with the current week and today's date.
2. A habit table: the list of habits on the left, the
   seven days of the week across the top. Clicking a cell
   adds a check-mark, clicking again removes it. My habits:
   – up before 8 a.m.
   – 15 minutes of exercise
   – 30 minutes of reading
   – no sweets
   – in bed before 11:00 p.m.
3. Next to each habit – a streak counter: how many
   days in a row I've kept it.
4. A short stats line at the top: the percentage of
   habits closed for the week.
5. A "content this week" block – what I plan to ship,
   with a "done" check-mark.
6. A notes field for the week that saves itself.
7. A dark and a light theme with a toggle in the corner.

Make it calm and nice on color. Save all my check-marks
right in the browser so that everything is there the next
time I come back. When it's ready, let me download the file
and tell me how to publish this page at a link for free,
so I can open it on both my phone and my computer.

Why the prompt is built this way

Every line here is intentional, and understanding the logic will let you change the prompt with confidence.

• "As a single HTML page" – so the AI builds the whole tracker into one page, without complex installs or separate programs.
• "Click to add, click again to remove" – you explain the behavior up front so you don't end up unable to uncheck a box.
• "Streak counter" – the very chain mechanic that keeps motivation alive.
• "Saved right in the browser" – the key phrase. Without it the page can come out pretty but forget your check-marks after you close it.
• "Publish at a link" – so the tracker opens like a normal site, saves your check-marks reliably, and works from a phone. I'll explain below why this matters more than just a file.

Variations for different goals

The same prompt is easy to retune for yourself by changing a couple of lines:

After you send it, the AI thinks for a minute and builds the page. A finished tracker appears on the right with your habits, theme and check-marks. In the chat text, Claude usually also explains what it did and how to use it. Click around right in the chat: tick a couple of boxes, switch the theme. If you like it overall, we move to the next step and grab the file for ourselves.

Three rules so the AI gets it on the first try

If you remember three simple rules, your prompts will hit the target almost every time. They work for the tracker and for any other page you ask it to build.

• Describe the picture, not the code. Say what you see on the screen, top to bottom: "a header at the top," "a table below," "a button in the corner." The AI will translate that into code itself. You don't need to know a single technical word.
• Give an example. Instead of "add habits," write out the actual habits as a list. Instead of "make it nice," say "calm pastel colors, like in an expensive planner." An example is always clearer than a general wish.
• Explain the behavior. Not just how it looks but what happens on a click: "click adds a check-mark, click again removes it." Then the page behaves the way you intended, not the way the AI guessed.

An example of a real conversation

To make it crystal clear, here's what a real conversation looks like from the first prompt to a finished tracker. Your words are ordinary, human words.

How to choose habits to start with

The common snag here isn't even technical. The harder part is deciding what exactly to write in. The advice is simple: take three or four habits you've been putting off, and make sure one of them is easy. An easy habit (drinking a glass of water in the morning, say) almost always gets closed, gives you the first check-mark and kicks off a streak. That momentum pulls the rest along. You don't need to write in twenty items at once – you'll get to them once you're hooked.

Step 4Publish the tracker at a link

In the chat the tracker already works. For it to become your everyday tool and open from your phone, it needs its own address on the internet – an ordinary link, like any website has. It sounds harder than it is: it's free and takes a couple of minutes.

Step 5Fine-tune it to your needs

The tracker is alive. You can keep tuning it endlessly, just by describing in words what to change. The main rule: one edit at a time. Ask for ten changes at once and the AI may miss something. Change one thing, check the result, move on.

Phrases that work well

Here are working phrasings, grouped by meaning. Grab and paste:

• Features: "add a 25-minute pomodoro timer with a start button," "add a section above the week with monthly goals and check-marks," "make it so that when Monday comes a fresh clean week starts and the old ones are saved."
• Stats: "show my best day of the week at the top," "add an overall progress bar across all habits," "display my longest streak of all time."
• Look: "make a warm pastel palette," "make it a strict dark minimalism," "increase the font, it's too small for me," "remove the extra shadows, I want it cleaner."
• Convenience: "add a clear-week button," "highlight today," "add switching between weeks back and forward."

What it looks like in practice

Say you want to add a focus timer. You write: "add a 25-minute timer at the top with start and reset buttons, and have it count how many pomodoros I did today." The AI rebuilds the page and a timer appears in the window. You check – it works. You grab the updated file and publish it again at the same address; Claude will tell you how. That's it, you now have a tracker with a pomodoro. Took a couple of minutes.

That's how the tracker grows with you: no programmer, no rewriting, no extra steps. A month later you want a new habit – you add it with one line in the chat. Tired of the dark theme – you swap it with one phrase. That's the whole point: the tracker adapts to you and your life, and stays convenient week after week.

Section 07If something goes wrong

Four situations where people usually trip up. All of them are solved calmly, no panic.

Check-marks aren't saving

You ticked the boxes, came back, and everything reset. Two causes. The first, most common: you opened the page as a file from your computer, without a link. In that case some browsers don't remember the marks – you need to publish the tracker at a link, as described in step 4. The second: saving isn't set up in the page itself. Tell the AI: "the tracker doesn't remember the marks after closing, make it so everything saves in the browser and stays there on the next visit," and publish the updated file again.

Claude won't give you either the file or the link

Sometimes Claude shows the tracker in the window but doesn't offer to take it. Ask directly: "output the full page code in one block, I'll copy it" – a copy icon will appear above the code. Or, straight away: "help me publish this page at a free link" – and it'll walk you through it.

I shared the link and my friend sees nothing

That's normal and exactly how it should be. The link opens the tracker page itself, while your check-marks are stored only in your browser. Another person sees a clean tracker and runs their own week in it. Your marks don't leak anywhere.

You hit the message limit

On the free plan Claude limits the number of messages over a few hours. If the AI refuses to answer mid-work, nothing is lost. Wait a couple of hours or come back the next day, open the same conversation and continue from the same spot. The history and the built tracker are saved.

Step 6Keep the tracker within reach

The tracker already has a link, and that's the main convenience: you can open it anywhere. A couple of ways to keep it always within reach.

An icon on your phone

Open the tracker's link in your phone browser. In the browser menu choose "Add to Home Screen" (in Safari) or "Add to Home screen" (in Chrome). An icon appears on your home screen, like a regular app's, and the tracker opens with one tap. It looks and feels like a real app.

A bookmark on your computer

On your computer, add the link to your bookmarks or make the tracker your browser's start page – so it's in front of you every morning when you sit down to work.

Section 09Where your data is saved

Briefly and without the tech. The tracker page itself sits on a free host, while your check-marks and notes are stored separately – right in your browser, in its own memory. They don't go to outside servers, and there are no accounts or sign-ups.

Two things follow from this. The nice one: only you see your marks, no one collects or analyzes them. And the one worth knowing: the data is tied to a specific browser on a specific device. Clear your browser history and data and the marks are wiped. Open the tracker in another browser or on another device and it'll be blank there. So run your week in one place.

If you want the data to be unified across your phone and computer at once – that's solved with syncing through a server. It's built with Claude too, but it's the next level and not needed at all to get started. For most people, a tracker on one device is enough for years to come.

Section 10What else you can build the same way

The tracker is just the beginning. The same way, in one conversation with Claude, you can build small personal tools for your own tasks. The principle is the same everywhere: you describe in words what you want to see on the screen, the AI builds it, you open it in the browser. A few ideas with ready phrasings:

• A monthly content planner. "Build a monthly content calendar with check-marks for filmed, edited, published for each day."
• A calculator for your niche. "Make a page where I enter the cost of the work and the number of months, and it calculates an installment plan for the client."
• A launch checklist. "Build a 20-item launch-prep checklist that remembers what I've already checked off."
• A yearly goals dashboard. "Make a page with my five goals for the year and progress bars I drag by hand."
• A mini business card or landing page. "Build a simple page about me with a description, a button to message me, and my services."

If at this point you've caught the spark and want to go further – to build a whole system for attracting clients through AI and a blog – book a free consultation at the end of the article. Together with my team we'll dig into your niche and lay out a step-by-step plan.

Section 11Common mistakes

Mistake 1. Asking too vaguely

"Make me a tracker" – the AI will build something, but it's unlikely to match what's in your head. List the habits by name, say what goes where on the screen. The more specific the prompt, the closer the result on the first try and the fewer edits later.

Mistake 2. Fixing it by hand

You see something off and you're tempted to climb into the file and fix it yourself. Don't. Say it in words in the chat and the AI rebuilds it. A manual edit easily breaks things if you don't know the language the page is written in, and then it's hard to figure out what went wrong.

Mistake 3. Ten edits in one message

When you ask to change the color, add a timer, rearrange the blocks and set up stats all at once, the AI may miss something or break what was working. Change one thing at a time. Check that the new thing works, and only then the next edit.

Mistake 4. Running it on two devices at once

Until syncing is set up, the data on your phone and computer lives separately. Pick one place. Otherwise you'll be guessing where which check-marks are, get confused, and drop it.

Mistake 5. Opening Claude from a blocked region without a VPN

From an unsupported region, without a VPN set to a European or US location, Claude simply won't open. Turn it on before you go in, keep it on the whole time you're working, and check the location isn't Turkey or the UAE.

Mistake 6. Cramming in twenty habits at once

A long list weighs on you, and within a week the tracker gets abandoned. Start with three or four core ones. Once they stick, you add more with one phrase in the chat. The tracker should help, not scare you in the morning with a wall of tasks.

RecapThe whole path in a minute

Strip away all the details and the instructions fit in six lines. Print this list or save it and follow it:

That really is all. The hardest part here is deciding to open Claude and write the first sentence. After that the AI leads you by the hand: it builds, explains, fixes things on your word. And remember the main rule of this article: you don't write code, you describe in words what you want to see. The AI takes care of everything else. Build the tracker tonight, and tomorrow morning you'll have your first check-mark and your first streak.