Client-Proof
Get alerted when a client edits the live site and breaks something
Clients with CMS access can make well-meaning edits that accidentally break layouts, navigation, or content structure. This recipe monitors the live site and alerts you when unexpected changes appear, with a visual diff showing what changed.
INGREDIENTS
PROMPT
Create a skill called "Client-Proof". After I launch a website, capture a baseline snapshot: full-page screenshots of every page, DOM structure hashes, CSS fingerprints, and content hashes. Then monitor the site on a configurable schedule (default: daily). When changes are detected, generate: a visual diff (side-by-side screenshots with changes highlighted), a specific change log (what changed — new scripts, modified CSS, edited content, deleted pages, new plugins), and a severity classification (cosmetic, layout-breaking, or functionality-breaking). Alert me immediately via Slack/email/Telegram for breaking changes. Send a weekly summary for non-critical changes. Let me mark changes as "acknowledged" to update the baseline.
How It Works
After launch, your Claw takes a baseline snapshot of the site — screenshots,
DOM structure, CSS, and content. Then it checks periodically and alerts you
when something changes. You see a visual diff, a list of specific changes,
and can decide whether to intervene.
What You Get
- Baseline snapshot: screenshots, DOM, CSS, and content hash per page
- Periodic monitoring (configurable: daily, weekly)
- Visual diff: side-by-side screenshots highlighting changes
- Change log: new plugins installed, CSS modified, content edited, pages deleted
- Severity classification: cosmetic change, layout break, functionality break
- Immediate alert for breaking changes via Slack/email/Telegram
- Weekly summary of all changes for non-critical items
Setup Steps
- Provide the live site URL after launch
- Your Claw captures the baseline snapshot
- Configure check frequency (default: daily)
- Set alert channels (Slack, email, Telegram)
- Your Claw monitors and alerts on changes
Tips
- Most useful for WordPress sites where clients have admin access
- The visual diff makes it easy to see what changed without digging through code
- Breaking changes get immediate alerts; cosmetic changes go in the weekly summary
- Use this to justify a maintenance retainer — "I monitor your site to prevent breakage"
- Pair with WP Watchdog for WordPress-specific monitoring (plugins, security, updates)