5 Artifacts I Built
With Claude This Week

Build me a single-page interactive artifact that tracks every airline mile, hotel point, and credit card reward I have in one place. Make it one self-contained artifact. 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 Save my data with the artifact's built-in storage so everything is still here the next time I open it. Do not rely on browser localStorage. Wrap every save and load so that if storage is not available, the tool still runs from memory, never crashes, and shows one small note that changes will not be kept this session. Load my saved data once when it 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.

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. Make it one self-contained artifact. 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 Save my data with the artifact's built-in storage so everything is still here the next time I open it. Do not rely on browser localStorage. Wrap every save and load so that if storage is not available, the tool still runs from memory, never crashes, and shows one small note that changes will not be kept this session. 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.

Build me a single-page interactive artifact that helps me stay in touch with the people who matter to me. Make it one self-contained artifact. 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 Save my data with the artifact's built-in storage so everything is still here the next time I open it. Do not rely on browser localStorage. Wrap every save and load so that if storage is not available, the tool still runs from memory, never crashes, and shows one small note that changes will not be kept this session. 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.

Build me a single-page interactive artifact that keeps my whole job hunt in one place. Make it one self-contained artifact. 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 Save my data with the artifact's built-in storage so everything is still here the next time I open it. Do not rely on browser localStorage. Wrap every save and load so that if storage is not available, the tool still runs from memory, never crashes, and shows one small note that changes will not be kept this session. 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.

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. Make it one self-contained artifact. 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 Save my data with the artifact's built-in storage so everything is still here the next time I open it. Do not rely on browser localStorage. Wrap every save and load so that if storage is not available, the tool still runs from memory, never crashes, and shows one small note that changes will not be kept this session. Load my saved data once when it opens. The snapshot history matters most, so make sure it is never lost. 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.