[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-77972":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":13,"contributorsCount":13,"subscribersCount":13,"size":13,"stars1d":13,"stars7d":13,"stars30d":15,"stars90d":13,"forks30d":13,"starsTrendScore":13,"compositeScore":13,"rankGlobal":10,"rankLanguage":10,"license":16,"archived":17,"fork":17,"defaultBranch":18,"hasWiki":17,"hasPages":19,"topics":20,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":13,"starSnapshotCount":13,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},77972,"ai-dive-deep","Belkins\u002Fai-dive-deep","Belkins","Vlad's Playbook — the operator's field manual where every artifact is live, clickable, and forwardable. 39 chapters · 25 interactive widgets · 3 embedded case studies (AFC pitch + sanitized client audit). Read it → dive.vladyslavpodoliako.com","https:\u002F\u002Fdive.vladyslavpodoliako.com",null,"Astro",470,0,3,208,"Other",false,"main",true,[21,22,23,24,25,26,27,28,29,30,31,32],"agent-orchestration","ai-agents","anthropic","astro","claude","claude-code","field-manual","htmlization","interactive-book","mcp","mdx","static-site","2026-06-12 02:03:45","\u003Cdiv align=\"center\">\n\n# Vlad's Playbook\n\n### The Ultimate AI Dive Deep\n\n**A 39-chapter operator field manual where every artifact is live, clickable, and forwardable.**\n\n### → [**Read it: dive.vladyslavpodoliako.com**](https:\u002F\u002Fdive.vladyslavpodoliako.com) ←\n\n[![Edition](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fedition-6-FF6B2C?style=flat-square)](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fchangelog)  \n[![Live](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fsite-live-22D3A0?style=flat-square)](https:\u002F\u002Fdive.vladyslavpodoliako.com)  \n[![License: code MIT, content CC BY-NC-SA 4.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT%20%2B%20CC%20BY--NC--SA-71717A?style=flat-square)](.\u002FLICENSE)\n\n\u003C\u002Fdiv>\n\n---\n\n## The thesis: **HTML-ization**\n\nStop sending dead files. Every report, pitch, audit, deck, and analysis ships\nas a live interactive HTML artifact on a deployed link — not a PDF attachment\nthat started rotting the second it was exported. The link is current because\nthe repo is. People forward links; they archive PDFs unread.\n\n**This repo is the proof.** The book about building this kind of artifact is,\nitself, this kind of artifact — a private GitHub repo deployed to a public\nlink, updated by commit, with two real interactive case studies embedded and\nclickable inside it.\n\n→ Read the thesis + click the embeds: [dive.vladyslavpodoliako.com\u002Fhtml-first](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fhtml-first)\n\n---\n\n## Read it (the site is the book)\n\nThe repo is how it's built. The site is what it IS.\n\n| Surface | What's there | Live link |\n|---|---|---|\n| **All 39 chapters** | The whole book, MDX-rendered, with TL;DRs, glossary tooltips, code blocks, and the receipts behind every claim | [`\u002Fchapters`](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fsections) |\n| **HTML-ization** | The flagship — thesis + 3 embedded live artifacts (AFC pitch deck, AFC robot stable, sanitized client deliverability audit) | [`\u002Fhtml-first`](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fhtml-first) |\n| **Tier list** | Every tool ranked without diplomatic phrasing, plus the live LMArena leaderboard widget | [`\u002Ftier-list`](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Ftier-list) |\n| **Cheat sheet** | 16 reference sections — slash commands, settings keys, hook JSON shape, permission syntax, model routing — printable | [`\u002Fcheat-sheet`](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fcheat-sheet) |\n| **Glossary** | 52 terms, A–Z, linked inline throughout the chapters | [`\u002Fglossary`](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fglossary) |\n| **Resources** | Copy-paste templates: CLAUDE.md skeletons, .mcp.json, hooks, SKILL.md, subagent .md, Docker sandbox + devcontainer, 18 reusable prompts | [`\u002Fresources`](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fresources) |\n| **Research notes** | 9 external signals that shift what to do Monday — sourced, dated, signal-vs-receipt discipline | [`\u002Fresearch-notes`](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fresearch-notes) |\n| **The 12-rule CLAUDE.md** | Karpathy's 4 + 8 operator additions, with a receipt per rule | [`\u002Fclaude-md-rules`](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fclaude-md-rules) |\n| **For your CFO** | 600-word defense memo. Defend the spend. | [`\u002Fcfo-case`](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fcfo-case) |\n| **30-day plan** | Custom roadmap with markdown + .ics export | [`\u002Fthirty-day-plan`](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fthirty-day-plan) |\n\nPress **⌘K** anywhere on the site — search every chapter, page, section\nanchor, glossary term, and research note from one box.\n\n---\n\n## The 3 case studies, embedded and clickable\n\nThe HTML-ization page doesn't *describe* the method — it shows it, with three\nreal artifacts the operator-Claude workflow produced:\n\n- **AFC — the pitch deck.** Vlad's \"Autonomous Fighting Championship\" — a\n  dinner-table idea (\"robots in an octagon\"); friends asked for a deck; one got\n  spun up fast as interactive HTML before the next meeting did. ([open it](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fartifacts\u002Fafc-pitch.html))\n- **AFC — the robot stable.** Companion doc: every humanoid platform shipping\n  in 2026, filterable, with a profit-per-fighter calculator. ([open it](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fartifacts\u002Fafc-robots.html))\n- **The 90-domain deliverability audit (sanitized sample).** A real Folderly\n  external audit of a ~90-domain \u002F ~5K-mailbox cold-email estate — swarmed in\n  days, delivered as a clickable interactive doc instead of a 40-page PDF.\n  Client, every domain, every infra fingerprint de-identified before\n  publication. ([open it](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Fartifacts\u002Fdeliverability-audit-sample.html))\n\n---\n\n## What's in this repo (the receipts)\n\n- **39 chapters** in `src\u002Fcontent\u002Fchapters\u002F*.mdx`\n- **25 React\u002FAstro widgets** in `src\u002Fwidgets\u002F` (live LMArena leaderboard, sortable tier list, command palette, token-burn calculator, swarm visualizer, persona-agent walkthrough, …)\n- **25 standalone pages** in `src\u002Fpages\u002F` (the surfaces in the table above + the journey, sections index, showcase, vault starter, weekend builds, and more)\n- **52 glossary terms** in `src\u002Flib\u002Fglossary.ts`\n- **9 dated research notes** in `src\u002Flib\u002Fresearch-notes.ts`\n- **3 embedded interactive artifacts** in `public\u002Fartifacts\u002F` — single-file, self-contained, sandboxed-iframe-embedded on `\u002Fhtml-first`\n- **18 copy-paste prompt templates + 9 hook templates + 5 CLAUDE.md skeletons + 8 SKILL.md templates** in `src\u002Flib\u002Fsnippets.ts`\n\nThe auto-updated [LMArena leaderboard widget](https:\u002F\u002Fdive.vladyslavpodoliako.com\u002Ftier-list)\npulls live from the HuggingFace datasets-server API — the rest of the site is\nstatic HTML.\n\n---\n\n## How it's built (5 bullets)\n\n1. **Astro 5** static site generator (`astro build`). Server components by\n   default; React 18 islands only where interaction needs them.\n2. **MDX** for chapter content with custom Astro components\n   (`\u003CCallout>`, `\u003CPullQuote>`, `\u003CTLDR>`, `\u003CScreenshotPlaceholder>`,\n   `\u003CGlossaryTooltip>`).\n3. **Tailwind 3** with project design tokens\n   (`--accent: #FF6B2C`, `--paper`, `--line`, etc.).\n4. **GitHub Pages** auto-deploy via `.github\u002Fworkflows\u002Fdeploy.yml` — push to\n   `main`, live in ~90 seconds at `dive.vladyslavpodoliako.com`.\n5. **Built by a swarm of Claude Code agents in parallel** — content migration,\n   widget builds, design system, security scrubbing, deploy pipeline. The\n   process is the technique the book describes; the artifact IS the technique.\n\n---\n\n## Run locally\n\n```bash\nnpm install\nnpm run dev      # http:\u002F\u002Flocalhost:4321\nnpm run build    # static output → dist\u002F\nnpm run preview  # serve dist\u002F locally\n```\n\nRequires Node 20+.\n\n---\n\n## Add a chapter\n\n1. Drop a new MDX file into `src\u002Fcontent\u002Fchapters\u002F` matching the schema in\n   `src\u002Fcontent\u002Fconfig.ts`.\n2. Add the chapter to the ordered list in `src\u002Flib\u002Fchapters.ts`.\n3. The dynamic route at `src\u002Fpages\u002Fchapters\u002F[slug].astro` picks it up.\n\nTo add a whole new page (resources, \u002Ftier-list-style surface, etc.), the\nsix wiring surfaces are codified in the\n[`playbook-new-page`](https:\u002F\u002Fgithub.com\u002FBelkins\u002Fai-dive-deep) skill: page\nfile · ⌘K index · chapter cross-link · glossary term · **homepage tile** ·\nchangelog.\n\n---\n\n## Credits\n\nWritten and built by **Vlad Podoliako** — Founder & CEO of [Belkins](https:\u002F\u002Fbelkins.com),\nfounder of [Folderly](https:\u002F\u002Ffolderly.com), and operator across a portfolio\nof others.\n\n- 📬 [Vlad's Newsletter](https:\u002F\u002Fwww.vladsnewsletter.com) (10K+ subscribers)\n- 🌐 [vladyslavpodoliako.com](https:\u002F\u002Fvladyslavpodoliako.com)\n- 🎧 [Spotify (AI-native music side project)](https:\u002F\u002Fopen.spotify.com\u002Fartist\u002F48kwMgLHicP6nqaI8Xc3rN)\n\nThe book teaches the technique. The artifact IS the technique. The repo is\nhow it's built — but **the site is what it IS.**\n\n### → [dive.vladyslavpodoliako.com](https:\u002F\u002Fdive.vladyslavpodoliako.com)\n\n---\n\n## License\n\n- **Code** — MIT. Copy the Astro + Tailwind + widget structure into your own\n  living-link artifacts; that's the entire point.\n- **Content** — CC BY-NC-SA 4.0. Read it, share it, quote it, credit it; don't\n  resell it.\n\nSee [`LICENSE`](.\u002FLICENSE).\n","Vlad's Playbook 是一个面向AI操作员的39章节实战手册，其中每个内容都是实时、可点击且可转发的。该项目采用MDX语言构建，包含25个交互式组件和3个嵌入式案例研究（AFC演讲+经过处理的客户审计），强调了HTML化的重要性，即所有报告、提案等都以互动网页形式呈现而非静态文件。特别适合需要创建或分享动态、交互式文档的技术人员与团队使用，在保持信息最新性的同时提高了协作效率。",2,"2026-06-11 03:56:17","CREATED_QUERY"]