Menu
Build, serve, and drive the built pardonned site to verify UI changes at the browser surface.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Commit, push, branch, and manage version control with GitButler. Use for: commit my changes, check what changed, create a PR, push my branch, view diff, create branches, stage files, edit commit history, squash commits, amend commits, undo commits, pull requests, merge, stash work. Replaces git - use 'but' instead of git commit, git status, git push, git checkout, git add, git diff, git branch, git rebase, git stash, git merge. Covers all git, version control, and source control operations.
PostHog integration for static Astro sites using SSG
| name | verify |
| description | Build, serve, and drive the built pardonned site to verify UI changes at the browser surface. |
Static Astro site — there is no server runtime. Verify against the built dist/ in a real browser.
pnpm build # needs data/pardonned.db (see CLAUDE.md)
cd dist && python3 -m http.server 8123 --bind 127.0.0.1 # run in background
playwright is already a devDependency (used by the scraper) with Chromium installed — write a throwaway .mjs in the repo root (so node resolves playwright from node_modules), run with node, delete after.
Key flows live in inline scripts on the pages (e.g. /search/ filter/sort/pagination state is all client-side, synced to URL params via history.replaceState).
window.posthog = e and clobbers any stub installed via addInitScript. To observe posthog.capture calls, patch after load: page.evaluate(() => { window.posthog = { ...window.posthog, capture: (n, p) => window.__ev.push({n, p}) } }).?page=N in the URL or click Next repeatedly.pnpm dev works too, but URL-state behavior should be verified against the production build since inline scripts are what ship.