seo-engine: day 29 PM, Pi alternatives, CLAUDE.md best practices, Codex computer use; fix Cursor alternatives

blog/src/_data/media.json

@@ -5303,5 +5303,38 @@
       "status": "ready"
     },
     "inline": {}
+  },
+  "pi-agent-alternatives": {
+    "title": "Pi Agent Alternatives: 7 Coding Agents to Try (Oct 2026)",
+    "category": "comparisons",
+    "hero": {
+      "file": "assets/media/pi-agent-alternatives/hero.png",
+      "alt": "Title card on white. A pill reading Alternatives, the title Pi agent alternatives, the line 7 coding agents to try and a Checked 26 Oct 2026 line. Seven small tiles named OpenCode, Munder Difflin, Claude Code, Codex CLI, Hermes Agent, Goose and Crush slide in under a grey tile labelled Pi.",
+      "prompt": "Title card: the hero scene in assets/media/pi-agent-alternatives/motion.js, shot at 1600 by 900.",
+      "status": "ready"
+    },
+    "inline": {}
+  },
+  "claude-md-best-practices": {
+    "title": "CLAUDE.md Best Practices: What to Write, Where It Lives, How Long (Oct 2026)",
+    "category": "guides",
+    "hero": {
+      "file": "assets/media/claude-md-best-practices/hero.png",
+      "alt": "Title card on white. A pill reading Guide, the title CLAUDE.md best practices, the line What to write, where it lives, how long and a Checked 26 Oct 2026 line, beside a white sheet with five short ruled lines and a yellow mark labelled Under 200 lines.",
+      "prompt": "Title card: the hero scene in assets/media/claude-md-best-practices/motion.js, shot at 1600 by 900.",
+      "status": "ready"
+    },
+    "inline": {}
+  },
+  "codex-computer-use": {
+    "title": "Codex Computer Use: How to Turn It On, Plans and Limits (Oct 2026)",
+    "category": "guides",
+    "hero": {
+      "file": "assets/media/codex-computer-use/hero.png",
+      "alt": "Title card on white. A pill reading Guide, the title Codex computer use, the line Setup, plans and limits and a Checked 26 Oct 2026 line, beside a simple white desktop window where a blue pointer arrow clicks a mint toggle.",
+      "prompt": "Title card: the hero scene in assets/media/codex-computer-use/motion.js, shot at 1600 by 900.",
+      "status": "ready"
+    },
+    "inline": {}
   }
 }

blog/src/_data/site.js

@@ -9,7 +9,7 @@ export default {
   baseUrl: "https://munderdiffl.in/blog/",
   // Blog-index description (Kevin's SEO_METADATA.md §3.9).
   description:
-    "Guides, deep dives, and comparisons on running multi-agent Claude Code: orchestration, agent memory, automation, and the tooling landscape.",
+    "Guides, comparisons and pricing for AI agents and coding tools such as Claude Code, Codex and Cursor, each checked and dated. From the makers of Munder Difflin.",
   tagline: "Notes from the office floor.",
   lang: "en",
   locale: "en_US",

blog/src/assets/media/claude-md-best-practices/motion.css

@@ -0,0 +1,13 @@
+/* Bright coded scenes for "CLAUDE.md best practices". Pairs with motion.js. */
+.prose figure.mg { margin: 42px 0; }
+.prose figure.mg img, .mg .mg-svg { display: block; width: 100%; height: auto; border: 1px solid #1A1320; border-radius: 18px; background: #fff; }
+.mg figcaption { font: 500 13px/1.5 "Space Grotesk", system-ui, sans-serif; color: #6B5878; padding-top: 10px; text-align: center; }
+.mg .mg-svg { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
+.mg .mg-svg text { -webkit-user-select: none; user-select: none; pointer-events: none; }
+.mg .mg-hit { cursor: pointer; outline: none; }
+.mg [role="slider"] { cursor: grab; touch-action: none; }
+.mg .mg-ring { stroke-opacity: 0; transition: stroke-opacity 0.15s; }
+.mg .mg-hit:focus-visible .mg-ring { stroke-opacity: 1; }
+.mg [role="slider"]:focus-visible circle:nth-child(2) { stroke-width: 5; }
+@media (hover: hover) { .mg .mg-hit:hover .mg-ring { stroke-opacity: 0.5; } }
+@media (prefers-reduced-motion: reduce) { .mg .mg-ring { transition: none; } }

blog/src/assets/media/codex-computer-use/motion.css

@@ -0,0 +1,13 @@
+/* Bright coded scenes for "Codex computer use". Pairs with motion.js. */
+.prose figure.mg { margin: 42px 0; }
+.prose figure.mg img, .mg .mg-svg { display: block; width: 100%; height: auto; border: 1px solid #1A1320; border-radius: 18px; background: #fff; }
+.mg figcaption { font: 500 13px/1.5 "Space Grotesk", system-ui, sans-serif; color: #6B5878; padding-top: 10px; text-align: center; }
+.mg .mg-svg { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
+.mg .mg-svg text { -webkit-user-select: none; user-select: none; pointer-events: none; }
+.mg .mg-hit { cursor: pointer; outline: none; }
+.mg [role="slider"] { cursor: grab; touch-action: none; }
+.mg .mg-ring { stroke-opacity: 0; transition: stroke-opacity 0.15s; }
+.mg .mg-hit:focus-visible .mg-ring { stroke-opacity: 1; }
+.mg [role="slider"]:focus-visible circle:nth-child(2) { stroke-width: 5; }
+@media (hover: hover) { .mg .mg-hit:hover .mg-ring { stroke-opacity: 0.5; } }
+@media (prefers-reduced-motion: reduce) { .mg .mg-ring { transition: none; } }