5 Artifacts I Built With Claude This Week (Part 2)

An Artifact is a real, working tool Claude builds right inside the chat. It is not a wall of text you copy somewhere else. It is a live thing you can click, type into, and actually use, like a tracker, a dashboard, or a simple calculator.

Here are five I use all the time, each with the exact prompt to build your own. No coding. You say what you want in plain words, and Claude makes it.

How to build one, start to finish:

Open Claude and start a new chat. Claude.ai, the desktop app, or the phone app. Any of them work.
Paste one of the prompts below and hit send. Claude writes the tool and it opens in a panel next to the chat. Give it a minute. It is building a real thing.
Use it right there. Click into it, type in it, add your own rows. It is live, not a picture of a tool.
Change anything by just asking. "Make the text bigger." "Add a column for the annual fee." "I want this in blue." It rebuilds while you watch. You are never stuck with the first version.
Publish it when you like it. Hit Share, then Publish. You get a link you can open any time, pin to your phone, or send to someone.

Do not skip step 5

Publishing is what lets your tool remember your data between visits. Before you publish, anything you type disappears when you close the tab, and Claude will not warn you. Publish it once and everything you enter sticks. This needs a paid Claude plan and it is the single thing most people miss.

This one puts every airline mile, hotel point, and credit-card reward in one place. No more logging into six different sites to remember what you have. You see it all on one screen, with a rough cash value next to each one.

The whoa moment is the expiration dates. Points quietly die if you do not use them in time. This tool flags the ones running out soon, so you can spend them before they vanish.

Build Prompt: Points & Rewards Command Center

Build me a single-page interactive artifact that tracks every airline mile, hotel point, and credit card reward I have in one place. Build it in React in one file. Do not call any outside websites or APIs. WHAT IT TRACKS Each program is one row: program name, type (airline, hotel, credit card, or other), points balance, what one point is roughly worth in cents, estimated cash value, expiration date, and an optional note. Work out the cash value for me automatically from the balance and the value per point. I should never have to do that math myself. THE TOP OF THE PAGE Three summary cards across the top: 1. Total cash value of everything I hold 2. How much value expires in the next 90 days 3. How many programs I am tracking Under those, one plain sentence telling me what expires soonest and how many days I have left. THE LIST Show every program underneath. Let me add rows, edit any cell by clicking it, and delete rows, and ask me to confirm before deleting. Sort by soonest expiration by default, and let me click a column heading to sort by that instead. Add a search box that filters by name, and buttons to filter by type. THE MOST IMPORTANT PART Color the expiration date by urgency: red if under 30 days, amber if under 90 days, normal after that. Give any row expiring within 90 days a colored left edge so I can catch it while scrolling. If nothing is expiring soon, say that in plain words instead of leaving an empty space. SAVING MY DATA Important: Claude artifacts cannot use localStorage or sessionStorage, so do not use them. Use the artifact persistent storage API on window.storage to save and load my data. Wrap every storage call so that if storage is not available the tool still runs perfectly from memory and never crashes or shows an error. Load my saved data once when the tool opens. START ME OFF Preload three realistic example programs so I can see it working the second it opens, and give me a clearly labeled button that wipes the examples when I am ready to put my own in. DESIGN Warm and calm, not corporate. Generous spacing, large readable text, big tap targets, and it has to look right on a phone. Use one accent color for buttons, and save red and amber only for the expiration warnings so they actually stand out. ONE MORE THING Add a button that exports everything to a CSV file so my data is never trapped in here.

Make it yours: Ask Claude to add a column for each card's annual fee, so you can see at a glance which cards are actually earning their keep.

This lays your bills against your paydays on one calendar. You can finally see the weeks money gets tight before they arrive, instead of after.

It is the cure for the "wait, why did I overdraft" panic. The tool runs your balance forward day by day and marks the lowest point of the month in a bright color. Now you know your danger day ahead of time and can plan around it.

Build Prompt: Cash-Flow Calendar

Build me a single-page interactive artifact that lays my bills and my paydays on the same monthly calendar, so I can see the weeks money gets tight before they arrive. Build it in React in one file. Do not call any outside websites or APIs. WHAT I PUT IN First, my current account balance and today's date. Then I add entries. Each entry has a name, an amount, whether it is money coming in or going out, the day of the month it lands, and whether it repeats every month or happens only once. Let me add, edit, and delete entries, and confirm before deleting. THE CALENDAR Draw a real month grid with the days of the week across the top. Put each entry on its day. Money coming in is green, money going out is red. If a day has several things on it, stack them and show the day's net change. Let me click any day to see everything on it in detail. Let me move forward and back between months, with a button that jumps back to this month. THE RUNNING BALANCE This is the whole point, so get it right. Start from my current balance and walk forward day by day through the month, adding income and subtracting bills in date order, and show me what my balance will be on every single day. Draw it as a simple line under the calendar so I can see the shape of my month. THE MOMENT THAT MATTERS Find the lowest my balance drops during the month. Mark that day clearly on the calendar and on the line, and put a plain sentence at the top like: "Your tightest day is the 26th, when you will be down to 240 dollars." If the balance ever goes below zero, make that unmissable and tell me exactly which day and by how much. If I never dip below a cushion I set, say so and tell me I am fine. SAVING MY DATA Important: Claude artifacts cannot use localStorage or sessionStorage, so do not use them. Use the artifact persistent storage API on window.storage to save and load my entries. Wrap every storage call so that if storage is not available the tool still runs perfectly from memory and never crashes. Load my saved data once when it opens. START ME OFF Preload a realistic example month with two paydays and about six normal bills like rent, phone, and groceries, so I can see it working immediately. Give me a clearly labeled button to clear the examples. DESIGN Calm and reassuring, because this is money and it is stressful. Big readable numbers, generous spacing, and it must work on a phone. Never make me feel bad. State the facts plainly and let me plan. ONE MORE THING Let me set a cushion amount I never want to go under, and warn me on any day the projected balance falls below it.

Make it yours: Ask Claude to add a line that shows how much cushion you have on your tightest day, so you know exactly how much to leave in the account.

Life gets busy and the people we care about slip through the cracks. This is a simple personal CRM. It tracks the ones who matter: when you last talked, who is due for a check-in, and whose birthday is coming up.

The whoa moment is real. You add someone you love, put in the last time you talked, and see it has been months. Now you have a gentle nudge that shows exactly who to reach out to next.

Build Prompt: Stay-In-Touch Tracker

Build me a single-page interactive artifact that helps me stay in touch with the people who matter to me. Build it in React in one file. Do not call any outside websites or APIs. WHO I ADD Each person has a name, how I know them (family, close friend, friend, mentor, or work), the date I last actually talked to them, how often I want to be in touch (weekly, monthly, every three months, or twice a year), their birthday, and a running notes box. Let me add, edit, and delete people, and confirm before deleting anyone. THE ONE THING I OPEN THIS FOR At the very top, before anything else, tell me who to reach out to today. Work out from the last-contact date and the rhythm I picked how overdue each person is, then show me the three most overdue as cards with their name, how long it has been in plain words like "4 months ago," and a button that says I reached out. Tapping it sets today as the last contact date and moves them off the list. If I am caught up with everyone, say something warm instead of showing an empty box. THE FULL LIST Underneath, everyone I am tracking, sorted by most overdue first. Show each person's name, how I know them, when we last talked in plain words, and a small colored dot: green if we are on track, amber if they are coming due, red if they are overdue. Let me search by name and filter by how I know them. BIRTHDAYS A section listing every birthday in the next 30 days, soonest first, with how many days away each one is. If there are none, hide the section entirely rather than showing an empty heading. THE NOTES Each person's notes box is for what we last talked about, so I can pick up where we left off instead of starting cold. Show the last note right on their row so I see it before I reach out. SAVING MY DATA Important: Claude artifacts cannot use localStorage or sessionStorage, so do not use them. Use the artifact persistent storage API on window.storage to save and load everyone. Wrap every storage call so that if storage is not available the tool still runs perfectly from memory and never crashes. Load my saved data once when it opens. START ME OFF Preload four example people at different stages, including one who is badly overdue and one with a birthday coming up, so I can see exactly how it works. Give me a clearly labeled button to clear the examples. DESIGN Warm and personal, like a notebook, not a sales tool. Never use words like leads, pipeline, or contacts. These are people. Soft colors, plenty of room, easy to read, and it must work on a phone. ONE MORE THING Add a button that exports everyone to a CSV file so my list is never trapped in here.

Make it yours: Ask it to add a notes box on each person, so you can jot down what you last talked about and pick right back up next time.

A job hunt gets messy fast. This keeps every application in one place: the company, the role, the pay range, the person you talked to, and when to follow up.

At the top, a small dashboard shows how many applications are out and where each one stands. No more wondering if you forgot to reply to someone. You see your whole search at a glance and always know your next move.

Build Prompt: Job Hunt Command Center

Build me a single-page interactive artifact that keeps my whole job hunt in one place. Build it in React in one file. Do not call any outside websites or APIs. WHAT I TRACK Each application has the company, the role, a link to the posting, the salary range, the date I applied, the stage it is at, the person I have been talking to, the date I should follow up, and a notes box. The stages are: saved, applied, phone screen, interviewing, final round, offer, and closed. Let me add, edit, and delete applications, and confirm before deleting. THE TOP OF THE PAGE A row of counts: how many are live right now, how many are at interview stage or beyond, how many offers, and how many closed. Next to that, one plain sentence telling me what needs doing today, like "3 follow-ups are overdue." WHAT NEEDS ME TODAY Before the full list, show a short section of anything overdue: applications where the follow-up date has passed, and anything sitting at applied for more than 14 days with no movement. Each one gets a button to mark it followed up, which pushes the follow-up date out a week. This is the section that keeps things from falling through the cracks, so put it where I cannot miss it. THE FULL LIST Everything else underneath, grouped by stage so I can see my funnel, or as a flat list sorted by whichever column I click. Color the stages so I can scan without reading. Let me search by company or role, and filter by stage. THE NOTES Each application has a notes box for interview questions I got asked, names I should remember, and what to prepare next. Keep everything about one company in one place so I am never digging through my email before a call. SAVING MY DATA Important: Claude artifacts cannot use localStorage or sessionStorage, so do not use them. Use the artifact persistent storage API on window.storage to save and load my applications. Wrap every storage call so that if storage is not available the tool still runs perfectly from memory and never crashes. Load my saved data once when it opens. START ME OFF Preload five example applications spread across different stages, including one overdue follow-up, so I can see how it works immediately. Give me a clearly labeled button to clear the examples. DESIGN Calm and encouraging. Job hunting is stressful and this should lower the temperature, not raise it. Plenty of white space, clear buttons, easy to read, and it must work on a phone since I will check it everywhere. Do not use scary red for rejections. A closed door is just information. ONE MORE THING Add a button that exports everything to a CSV file so my search is never trapped in here.

Make it yours: Ask Claude to add a spot to paste the job link and a few notes from each interview, so everything about one company lives in one row.

This pulls all your accounts, assets, and debts onto one page and turns them into a single number: what you are actually worth today.

The whoa moment is watching that number over time. Save a snapshot each month and the tool shows how much it moved. Seeing it climb, even a little, is the thing that keeps you going.

Build Prompt: Net Worth Tracker

Build me a single-page interactive artifact that turns everything I own and everything I owe into one number, and then shows me that number moving over time. Build it in React in one file. Do not call any outside websites or APIs. WHAT I PUT IN Two lists on one page. Assets, where each item has a name, a category (cash, savings, investments, retirement, property, or other), and an amount. Debts, where each item has a name, a category (credit card, student loan, car, mortgage, or other), and an amount. Let me add, edit, and delete items in both, and confirm before deleting. THE NUMBER At the top, big and unmissable: my net worth, which is all my assets minus all my debts. Under it, two smaller numbers, total assets and total debts. Format everything with commas and no long decimals so it is easy to read at a glance. THE PART THAT KEEPS ME COMING BACK A button that saves a snapshot of today's number. Keep a list of every snapshot with its date, and draw a simple line chart of my net worth over time. Under the big number, show the change since my last snapshot as a clear plus or minus with the amount and the percentage, green if it went up and red if it went down, plus how long it has been since I last checked. Once I have three or more snapshots, add one plain sentence about the trend, like "up 4,200 dollars over the last 3 months." Do not show the chart until I have at least two snapshots. Show an encouraging line instead. THE BREAKDOWN A simple visual showing what my assets are made of by category, and the same for my debts, so I can see at a glance whether I am concentrated in one place. SAVING MY DATA Important: Claude artifacts cannot use localStorage or sessionStorage, so do not use them. Use the artifact persistent storage API on window.storage to save and load both my items and my full snapshot history. The snapshot history matters most, so make sure it is never lost. Wrap every storage call so that if storage is not available the tool still runs perfectly from memory and never crashes. Load my saved data once when it opens. START ME OFF Preload a realistic example with a handful of assets and debts, plus three past snapshots a month apart so the chart has something in it and I can see the whole thing working. Give me a clearly labeled button to clear the examples. DESIGN Calm and private. This is a sensitive number and the tool should feel like a quiet notebook, not a bank app shouting at me. Big clear type, generous spacing, no clutter, and it must work on a phone. Never judge the number or tell me whether it is good. Just show it accurately. ONE MORE THING Add a button that exports my items and my full snapshot history to a CSV file so my history is never trapped in here.

Make it yours: Ask it to add a simple line chart of your snapshots over time, so you can watch the number climb.

5 Artifacts I BuiltWith Claude This Week

5 Artifacts I Built
With Claude This Week