Cooking

Tips:

• Use chrome read <tab_id> to find clickable elements
• Use chrome text <tab_id> to extract page content
• Screenshots help verify you're on the right page

Other Recipe Sources

• Web Search: Use WebSearch tool for general recipe queries
• WebFetch: Fetch recipe content from any URL

Part B: Instacart Grocery Ordering

Common Pantry Staples (Skip by Default)

DO NOT add these items to cart automatically - most kitchens already have them.

Always Skip:

Usually Skip:

Ask First (might have, might not):

DO Add (usually need to buy):

• Fresh meat, poultry, seafood
• Specialty produce (specific vegetables for recipe)
• Canned goods (tomatoes, beans, coconut milk)
• Fresh herbs (cilantro, basil, parsley)
• Yogurt, sour cream
• Cheese (unless basic like parmesan)

IMPORTANT: Always clearly communicate what you skipped!

Workflow:

1. Parse recipe ingredients
2. Identify items from "Always Skip" and "Usually Skip" lists
3. Add everything else to cart
4. Clearly tell the user what was skipped so they can add if needed

Example message (ALWAYS include this):

Added 8 items to cart at Roche Bros ($52.30):
✓ Ground beef, American cheese, hamburger buns...

SKIPPED (assuming you have):
• Kosher salt
• Black pepper
• Sugar
• Olive oil

Need any of these? Just ask and I'll add them.

Account & Login

Instacart account: owner's email (use Chrome profile 1, see config.local.yaml)

Login Flow:

1. Go to https://www.instacart.com/login
2. Enter owner's email (from config.local.yaml owner.email)
3. Click Continue
4. Check Gmail (profile 1) for 6-digit verification code
5. Enter code to complete login

# Navigate to login
~/.claude/skills/chrome-control/scripts/chrome -p 1 navigate <tab_id> "https://www.instacart.com/login"

# Find and enter email (use owner.email from config.local.yaml)
~/.claude/skills/chrome-control/scripts/chrome -p 1 read <tab_id> | grep -i "textbox"
~/.claude/skills/chrome-control/scripts/chrome -p 1 type <tab_id> <ref> "<owner_email>"

# Click continue and check Gmail for code
~/.claude/skills/chrome-control/scripts/chrome -p 1 focus <gmail_tab_id>
~/.claude/skills/chrome-control/scripts/chrome -p 1 read <gmail_tab_id> | grep -i "instacart.*code"

Store Selection

Default store: Roche Bros. (Watertown area)

# Go to Roche Bros store
~/.claude/skills/chrome-control/scripts/chrome -p 1 navigate <tab_id> "https://www.instacart.com/store/roche-bros"

Adding Items to Cart

FASTEST Method: Serialized Tabs + Parallel JS Clicks (~22s for 6 items)

Performance: 16x faster than sequential approach (22s vs 360s for 6 items)

Strategy:

1. Open tabs ONE AT A TIME (serialized) - avoids Chrome extension overload
2. Wait for pages to load (~3s)
3. Click Add buttons in PARALLEL using JS
4. Verify cart and report

Complete Implementation:

#!/bin/bash
CHROME="~/.claude/skills/chrome-control/scripts/chrome -p 1"
ITEMS=("chicken+thighs" "napa+cabbage" "carrot" "snow+peas" "bean+sprouts" "scallions")
TABS=()

# Step 1: Open tabs ONE AT A TIME (serialized to avoid extension overload)
echo "Opening tabs..."
for item in "${ITEMS[@]}"; do
  result=$($CHROME open "https://www.instacart.com/store/roche-bros/s?k=$item" 2>&1)
  tab_id=$(echo "$result" | grep -o "tab [0-9]*" | grep -o "[0-9]*")
  TABS+=($tab_id)
done

# Step 2: Wait for pages to load
sleep 3

# Step 3: Click Add buttons in PARALLEL using JS with aria-label selector
JS='(() => {
  const btn = [...document.querySelectorAll("button")].find(b =>
    (b.getAttribute("aria-label") || "").includes("Add 1")
  );
  if (btn) { btn.click(); return {ok:1}; }
  return {ok:0};
})()'

for tab in "${TABS[@]}"; do
  $CHROME js $tab "$JS" 2>/dev/null &
done
wait

# Step 4: Open cart and screenshot
$CHROME click ${TABS[0]} ref_26  # Click "View Cart" button
sleep 2
$CHROME screenshot ${TABS[0]}

# Step 5: Close worker tabs (keep one for cart view)
for tab in "${TABS[@]:1}"; do
  $CHROME close $tab
done

CRITICAL: Use aria-label for Add buttons

// WRONG - innerText doesn't contain full text:
btn.textContent.includes("Add 1")  // Returns false!

// CORRECT - product name is in aria-label:
btn.getAttribute("aria-label").includes("Add 1")  // Returns true!

Why serialized tab opens? Opening 6+ tabs simultaneously overwhelms the Chrome extension connection, causing timeouts. Opening one at a time takes ~14s total but is 100% reliable.

OPTIMIZED Method: Direct URL + JS (Fastest, Recommended)

Use direct search URLs instead of clicking through UI. This is faster and more reliable.

Search URL Pattern: