Baby Connect Browser Skill
Automate baby tracking on babyconnect.com using the browser tool.
When to Use
Trigger this skill when asked to:
- •Log a diaper change
- •Record a bottle feeding
- •Track nursing session
- •Record sleep/nap
- •Log weight measurement
- •Check recent activity
Children
| Name | Child ID | Notes |
|---|---|---|
| Quinn Erika Kessler | 4744184165629952 | Newborn (Jan 2026) |
| Logan Sophia Kessler | 5765432109876543 | Big sister (Sep 2020) |
Default child: Quinn (unless explicitly asked about Logan)
Authentication
Credentials stored in 1Password:
- •Vault:
Clawd - •Item:
Baby Connect - •Fields:
username,password
Retrieve password:
bash
op read "op://Clawd/Baby Connect/password"
Method Selection Guide
| Activity | Method | Why |
|---|---|---|
| Diaper | Native act clicks | Type/size selection needs React event system |
| Bottle | evaluate snippet (set _uinfo.DUnit BEFORE dialog) | Unit must be set before dialog creation |
| Weight | evaluate snippet (select child tab first) | Child tab must be selected or dialog crashes |
| Nursing | evaluate snippet | Input fields work with JS value setting |
| Sleep | evaluate snippet | Input fields work with JS value setting |
| Edit/Delete | Mixed | Find with evaluate, confirm with act |
Quick Reference
For detailed procedures:
- •
references/browser-automation.md- Complete step-by-step automation procedures for all activities
Key rules:
- •Set
_uinfo.DUnit = 1(ml) BEFORE opening bottle dialog - •Use native
actclicks for React UI elements (child selection, diaper type) - •Always verify summary text before clicking Save
- •Use
evaluatewith native setter for text inputs - •Take fresh snapshot before each action (refs change)
Common Operations
Log Diaper (Step-by-Step)
- •Take snapshot, click "Diaper" link
- •Wait 1.5s for dialog
- •Take snapshot of dialog
- •Use native
actto click child - •Use native
actto click diaper type (BM/Wet/BM+Wet/Dry) - •Use native
actto select size - •Verify summary text in snapshot
- •Click Save with native
act
See references/browser-automation.md for complete code examples.
Log Bottle (Quick Method)
- •Set
_uinfo.DUnit = 1BEFORE opening dialog - •Click "Bottle" link
- •Use evaluate snippet to fill form (see references)
- •Verify summary shows correct value AND unit
- •Click Save
Log Nursing/Sleep
Use evaluate snippets with:
- •Child selection first (form activation)
- •Native value setter for inputs
- •Full event sequence (focus → set → input → change → blur)
- •Summary verification before save
See references/browser-automation.md for complete code.
Critical Rules
React SPA Automation:
- •Always activate form first (select child)
- •Use native
actclicks for UI elements - •Use native setter for text inputs
- •Full event sequence for React to recognize changes
Defensive Verification:
- •Always verify summary text before saving
- •Check both value AND unit (for bottles)
- •Take snapshot to confirm before clicking Save
Unit Handling (Bottles):
- •Set
_uinfo.DUnitBEFORE opening dialog (1=ml, 0=oz) - •Dialog reads unit at creation time
- •Cannot toggle after dialog is open
Reference Documentation
references/browser-automation.md - Complete automation reference:
- •React SPA rules and event handling
- •Defensive verification patterns
- •Step-by-step procedures for all activities (bottle, diaper, nursing, sleep)
- •Utility commands (check recent, edit, delete)
- •Troubleshooting guide
- •Key learnings and gotchas