5 Artifacts I Built
With Claude This Week

Build me an interactive monthly budget dashboard as an Artifact. This needs to be a fully functional tool I'll actually use every month — not a basic template. INCOME SECTION - Multiple income source fields (primary job, side income, freelance, investments, other) - Each source has a label I can rename and a dollar amount I can edit - An "Add Income Source" button so I can add more rows - Total monthly income displayed prominently at the top - Show after-tax estimate (let me set my tax bracket with a dropdown: 10%, 12%, 22%, 24%, 32%, 35%, 37%) FIXED EXPENSES SECTION - Pre-loaded categories: Rent/Mortgage, Car Payment, Insurance (auto, health, renters), Phone, Internet, Utilities, Student Loans, Other Debt - Each row: category label (editable), amount, due date (1st-31st dropdown) - "Add Expense" button for custom entries - Total fixed expenses displayed with percentage of income SUBSCRIPTIONS TRACKER - Pre-loaded common ones: Spotify, Netflix, iCloud, gym, streaming, software - Each row: name (editable), monthly cost, billing date, and a toggle to mark "cancel?" in red - "Add Subscription" button - Total monthly subscriptions displayed - Show annual cost next to monthly ("$15.99/mo = $191.88/yr") so I can see the real damage - Subscriptions marked "cancel" should be crossed out and excluded from totals VARIABLE EXPENSES (SLIDERS) - Categories with adjustable sliders: Groceries, Dining Out, Gas/Transport, Shopping, Entertainment, Personal Care, Coffee/Drinks - Each slider ranges from $0 to a reasonable max for that category - As I move any slider, the remaining budget recalculates instantly - Show each category's percentage of total spending - Color coding: green if within a healthy range, yellow if high, red if over a suggested limit SAVINGS GOALS - 3 savings goal rows (expandable with an "Add Goal" button) - Each goal: name, target amount, current amount saved, monthly contribution - Progress bar for each goal showing percentage complete - "Months to goal" calculation based on monthly contribution - Total monthly savings contribution displayed THE DASHBOARD SUMMARY (always visible at top) - Total Monthly Income (after tax) - Total Fixed Expenses - Total Subscriptions - Total Variable Spending (from sliders) - Total Savings Contributions - = REMAINING (Income minus everything) — big, bold, color-coded: green if positive, red if negative - A simple pie chart or bar showing where my money goes by category DESIGN - Clean, modern design — white cards on a light gray background - Sections clearly separated with headers - All numbers should be formatted as currency ($X,XXX.XX) - Responsive — works on mobile too - Smooth transitions when sliders move and numbers recalculate - Use a calming color palette (soft blues, greens for positive, warm reds for warnings) - Make it feel like a premium fintech app, not a homework assignment FUNCTIONALITY - Everything editable inline — click any number or label to change it - All calculations update in real time (no "save" or "calculate" button needed) - A "Reset to Defaults" button at the bottom - Data should persist during the session (don't lose entries when scrolling) Make this look and feel like something I'd pay $9.99/month for. It should be immediately usable — not a wireframe or a prototype.

Build me an interactive brand deal tracker as an Artifact. This is a Kanban-style board for managing brand partnerships and sponsorship deals. Make it feel like a CRM built specifically for content creators. KANBAN COLUMNS (drag and drop between columns) Column 1: PITCHED - Deals I've reached out about or been approached for - Default state for new deals Column 2: NEGOTIATING - In active conversation — waiting on contracts, rates, or details Column 3: CONFIRMED - Deal is signed/agreed — deliverables are locked in Column 4: IN PROGRESS - Currently creating content or fulfilling deliverables Column 5: DELIVERED - Content submitted or posted — waiting on payment Column 6: PAID - Money received — deal is fully closed EACH DEAL CARD SHOWS - Brand name (large, bold) - Deal value/rate (prominent — show the money) - Status badge matching the column color - Deliverables summary (e.g., "2 Reels + 1 Story") - Platform icons (Instagram, TikTok, YouTube, Blog, Podcast — let me select multiple) - Due date with countdown ("5 days left" or "Overdue" in red) - Contact name and email (click to copy email) - Priority flag (star toggle) - Quick notes field (one-liner visible on card, expandable) DEAL DETAIL MODAL (click a card to expand) When I click a deal card, show a full detail view: - All card info plus: - Full notes section (multi-line, editable) - Deliverables checklist with checkboxes (e.g., ☐ Film Reel 1, ☐ Edit Reel 1, ☐ Submit for approval, ☐ Post) - Payment terms (Net 30, Net 60, upfront, etc.) - Usage rights notes - Contract link field (URL) - Follow-up date with reminder flag - "Date pitched," "Date confirmed," "Date delivered," "Date paid" — auto-filled when card moves columns - Edit and delete buttons ADD NEW DEAL BUTTON - Floating "+" button or "Add Deal" at the top - Quick-add form: brand name, estimated rate, platform, deliverables, notes - Drops into "Pitched" column by default TOP DASHBOARD BAR - Total pipeline value (sum of all active deals) - Confirmed revenue (sum of Confirmed + In Progress + Delivered) - Collected revenue (sum of Paid) - Number of active deals - Average deal value - Deals overdue count (red if > 0) FILTERS AND SORTING - Filter by: platform, status/column, priority, date range - Sort by: deal value (high to low), due date (soonest first), date added - Search bar to find deals by brand name DESIGN - Clean Kanban layout — horizontal scroll on the board - Each column has a distinct color header (soft, professional palette) - Cards have subtle shadows and rounded corners - Drag-and-drop must feel smooth (visual feedback when dragging) - Responsive — stacks columns vertically on mobile - Dark mode toggle - Make it feel like Notion + a CRM had a baby designed for creators FUNCTIONALITY - Drag and drop cards between columns - Click to expand full deal details - Inline editing on all fields - All dashboard numbers update in real time when deals move or values change - Deal cards should show time-in-stage ("In Negotiating for 12 days") Make this beautiful and immediately usable. I want to stop using spreadsheets for this today.

Build me an interactive trip planner as an Artifact. This should be a beautiful, shareable vacation planning tool — not a basic itinerary list. I want to be able to publish this and send the link to the people I'm traveling with. TRIP HEADER - Trip name (editable — e.g., "Bali Anniversary Trip") - Destination - Dates (start and end date pickers) - Number of travelers - Total trip budget (editable) - Countdown: "X days until your trip!" - Cover section with a warm gradient or travel-themed header DAY-BY-DAY ITINERARY (tabbed or accordion — one section per day) Each day tab shows: - Day number and date ("Day 1 — Saturday, June 14") - Time-blocked schedule with entries I can add, edit, and reorder: - Time slot (morning, afternoon, evening — or specific times) - Activity name - Category tag: Flight, Hotel, Restaurant, Activity, Transport, Free Time - Location/address field - Estimated cost - Booking status: Not Booked, Booked, Confirmed (color-coded) - Notes field (confirmation numbers, tips, links) - Reservation link (URL field) - "Add Activity" button for each day - Daily subtotal showing that day's estimated spend TRAVEL LOGISTICS SECTION - Outbound flight: airline, flight number, departure time, arrival time, confirmation #, seat assignment - Return flight: same fields - Any connecting flights or internal flights - Airport transfer notes - Accommodation for each night: hotel/Airbnb name, check-in/out times, confirmation #, address, cost per night PACKING LIST - Pre-loaded with smart categories: Documents (passport, visa, insurance), Clothing, Toiletries, Electronics, Medications, Miscellaneous - Checkboxes next to each item - "Add Item" button per category - Progress bar: "X of Y items packed" - Color code: packed (green), not packed (default) BUDGET TRACKER - Total budget at the top - Categories with allocated amounts: Flights, Accommodation, Food & Dining, Activities & Tours, Transportation, Shopping, Emergency Fund - Each category shows: budgeted vs. estimated (from itinerary entries) vs. actual (editable) - Running total: Total Estimated, Total Actual, Remaining Budget - Visual bar chart showing budget breakdown by category - Color coding: under budget (green), close to limit (yellow), over budget (red) - Per-person split option (divide totals by number of travelers) SHARED NOTES SECTION - Important info section: embassy numbers, insurance policy #, hotel wifi passwords, local emergency numbers - Restaurant wishlist (name + cuisine + price range + "must try" flag) - Things to remember (free-form checklist) DESIGN - Warm, inviting design — soft colors, travel-themed - Tabbed navigation between days (or smooth accordion) - Cards for each activity with subtle shadows - Clean typography, generous spacing - Responsive — must look great on a phone (checking itinerary while traveling) - Print-friendly option: a "Print View" button that formats the itinerary as a clean document - Make it feel like a premium travel app — not a Google Doc FUNCTIONALITY - All fields inline editable - Drag and drop to reorder activities within a day - Budget recalculates in real time as I add activities with costs - Packing checklist persists its state - "Add Day" button to extend the trip - Days auto-generate based on start and end dates This should look so good that the person I share it with says "wait, you MADE this?"

Build me an interactive weekly content planner as an Artifact. This is a production board for someone who creates content across multiple platforms. It should track every piece of content from idea to posted. WEEKLY VIEW (the main board) A 7-column grid — one per day (Monday through Sunday). Each day column shows: - Date - All content pieces planned for that day as cards - "Add Content" button at the bottom of each column - Drag and drop cards between days to reschedule EACH CONTENT CARD SHOWS - Content title/topic (bold) - Platform badges: Instagram Reel, Instagram Story, Instagram Carousel, TikTok, YouTube, YouTube Short, Blog, Newsletter, Twitter/X, LinkedIn, Threads, Podcast - Content type: Video, Photo, Carousel, Text, Audio - Status badge (color-coded): - IDEA (gray) — just a concept - SCRIPTED (blue) — hook and script written - FILMED (orange) — content is recorded/shot - EDITED (purple) — post-production done - SCHEDULED (yellow) — queued in scheduler - POSTED (green) — live - Time slot: AM / PM / specific time - Hook preview (first line of the caption/hook — most important field) CONTENT DETAIL MODAL (click card to expand) Full editing view: - Title - Platform and content type selectors - Status dropdown - The Hook/Opening Line (large text field — this is the most important creative element) - Full caption/script (multi-line text area) - Hashtag set (text field) - Call to action (what do I want them to do?) - Audio/sound (for Reels/TikToks — name of the trending audio or "original") - Thumbnail notes - Collaboration/tag (@mentions for the post) - Posting time - Notes field (anything else — shoot location, props needed, B-roll notes) - Performance tracking (after posting): views, likes, comments, saves, shares — all editable number fields - Delete button TOP DASHBOARD BAR - Total content pieces this week - By status: X Ideas, X Scripted, X Filmed, X Edited, X Scheduled, X Posted - By platform: breakdown of which platforms are getting content - Posting streak: "Posted X days in a row" - Gaps alert: "No content planned for Thursday" (highlight empty days) IDEA BANK (sidebar or separate tab) - A running list of content ideas not yet assigned to a day - Each idea: title, platform suggestion, notes, "priority" flag - Drag ideas from the bank onto a day to schedule them - "Add Idea" button - Ideas sorted by: newest, priority, platform RECURRING CONTENT - A section to define recurring content: "Every Monday: educational carousel" or "Every Friday: behind the scenes" - These auto-populate on the weekly board as template cards FILTERS - Filter by: platform, status, content type - Toggle: show all days or only days with content - Week navigation: previous week / next week arrows DESIGN - Clean, visual board — think Trello meets a content calendar - Color-coded status badges that are easy to scan from a distance - Platform icons (not just text) for quick recognition - Cards should be compact but readable — I need to see my whole week at a glance - Smooth drag and drop - Responsive — on mobile, days stack vertically - Light and airy design with pops of color from the status badges - The board should feel motivating, not overwhelming FUNCTIONALITY - Drag and drop content between days - Drag ideas from the idea bank to a day - Click to expand and edit any card - Status changes update dashboard numbers in real time - Inline editing for quick changes (click the hook text to edit it directly on the card) - "Duplicate" button on cards (for repurposing content across platforms) - "Move to Next Week" button on individual cards I create content every single day. This needs to be fast, visual, and make me feel like I have my week under control.

Build me an interactive weekly meal planner as an Artifact with an auto-generating grocery list. This should be a tool I use every Sunday to plan my entire week of meals — and then take the grocery list to the store. WEEKLY MEAL GRID A 7-column layout (Monday through Sunday). Each day has 4 rows: - Breakfast - Lunch - Dinner - Snacks Each meal slot: - Click to add a meal name (e.g., "Chicken stir fry") - Servings selector (1-8, default 2) - Prep time estimate (dropdown: 10, 15, 20, 30, 45, 60 min) - Tags: Quick, Meal Prep, Leftover, Eating Out, Skip - Calorie estimate field (optional, editable) - Click to expand for ingredients list MEAL DETAIL (click a meal to expand) - Meal name (editable) - Servings (adjustable — this changes ingredient quantities proportionally) - Ingredients list: - Each ingredient: name, quantity, unit (cups, oz, lbs, whole, bunch, etc.) - "Add Ingredient" button - All quantities auto-scale when servings change - Quick recipe notes field (steps or link to recipe) - Dietary tags: Vegetarian, Vegan, Gluten-Free, Dairy-Free, High Protein, Low Carb, Keto - "This is a leftover from [dropdown of other meals]" toggle — if selected, ingredients aren't duplicated on grocery list AUTO-GENERATED GROCERY LIST This is the magic feature. The grocery list builds itself from every meal I've planned: - Automatically combines duplicate ingredients across meals (if I need onions for 3 meals, it totals them up) - Organized by grocery store section: - Produce - Meat & Seafood - Dairy & Eggs - Pantry & Dry Goods - Frozen - Bakery & Bread - Beverages - Condiments & Sauces - Snacks - Other - Each item shows: ingredient name, total quantity needed, which meals it's for - Checkbox next to each item (for checking off while shopping) - "Add Custom Item" button (for things not tied to a meal — toilet paper, paper towels, etc.) - "Already Have It" toggle — removes item from active list but keeps it tracked - Total estimated grocery cost (let me set price estimates per item) - "Copy List" button — copies the grocery list as clean text for Notes app or sharing MEAL PREP SECTION - Shows all meals tagged "Meal Prep" grouped together - Suggested prep order (what to cook first based on cook time) - Total prep time for the week - Checklist format so I can check off as I go WEEKLY SUMMARY (top bar) - Total meals planned vs. empty slots - Meals eating out vs. cooking - Estimated weekly grocery cost - Estimated daily calories (if filled in) - Prep time total for the week - "Leftover efficiency" — how many meals are covered by leftovers FAVORITES / SAVED MEALS - A sidebar or tab where I can save meals I make often - Click to drop a saved meal into any slot - Saved meals remember their ingredients, so the grocery list auto-populates - "Add to Favorites" button on any meal DESIGN - Warm, kitchen-friendly design — soft whites, warm accent colors - Clean grid that's easy to scan for the whole week - Meal cards with subtle color based on dietary tags - The grocery list should look like a real shopping list — clean, scannable, checkbox-style - Responsive — the grocery list especially must work on mobile (using it at the store) - Print-friendly grocery list (clean format, no extra UI elements) - Make it feel like a premium meal planning app — not a spreadsheet FUNCTIONALITY - Drag and drop meals between slots to rearrange the week - Servings changes auto-recalculate ingredient quantities on the grocery list - Grocery list updates in real time as I add, remove, or change meals - "Clear Week" button to start fresh - "Copy Last Week" button to duplicate the previous plan as a starting point - Quick-fill: click an empty slot and get a dropdown of favorites I want to stop going to the grocery store without a plan and coming home with random stuff I don't need. This should make meal planning take 15 minutes on Sunday and save me money all week.