{
 "topics": [
  "News",
  "Prompts",
  "Skills",
  "Vibe coding",
  "UI design",
  "Motion design",
  "Graphic design"
 ],
 "tutorials": [
  {
   "slug": "cinematic-sites-in-ten-minutes",
   "url": "/playbook/cinematic-sites-in-ten-minutes/",
   "title": "Cinematic sites in ten minutes",
   "description": "Those expensive-looking animated websites, built yourself with AI: one slow video loop, one prompt, two tools and no agency.",
   "cover": "/playbook/cinematic-sites-in-ten-minutes/cover.jpg",
   "date": "2026-10-19",
   "minutes": 3,
   "topics": [
    "Vibe coding",
    "Motion design"
   ],
   "keywords": [
    "AI video",
    "video loop",
    "hero section",
    "landing page",
    "Google Flow",
    "Runway",
    "Kling",
    "Luma",
    "Cursor",
    "Claude Code",
    "liquid glass",
    "React",
    "Tailwind",
    "prompts"
   ]
  },
  {
   "slug": "claude-motion-videos",
   "url": "/playbook/claude-motion-videos/",
   "title": "Claude motion videos, step by step",
   "description": "7 styles, the exact prompts, and the workflow I used to make every one of them with Claude Opus 5.5. No After Effects. No keyframes.",
   "cover": "/playbook/claude-motion-videos/cover.jpg",
   "date": "2026-10-19",
   "minutes": 5,
   "topics": [
    "Motion design",
    "Prompts"
   ],
   "keywords": [
    "Claude Code",
    "Claude Opus 5.5",
    "motion graphics",
    "AI video",
    "Instagram Reels",
    "vertical video",
    "HTML canvas",
    "Playwright",
    "ffmpeg",
    "ASCII art",
    "pixel art",
    "dithering",
    "risograph",
    "stop motion",
    "particle simulation",
    "storyboard",
    "After Effects",
    "keyframes",
    "prompts"
   ]
  },
  {
   "slug": "layout-prompt-kit",
   "url": "/playbook/layout-prompt-kit/",
   "title": "Layout prompt kit: same content, better hierarchy",
   "description": "AI sites tend to start with the same three layouts. Here are four better ones, with the prompts to build them.",
   "cover": "/playbook/layout-prompt-kit/cover.jpg",
   "date": "2026-10-19",
   "minutes": 4,
   "topics": [
    "Prompts",
    "UI design"
   ],
   "keywords": [
    "AI slop",
    "layout",
    "hierarchy",
    "hero section",
    "landing page",
    "split hero",
    "card grid",
    "editorial",
    "portfolio",
    "orbit",
    "prompt kit"
   ]
  }
 ]
}
