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:
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
