Tutorials, Builds, and Workflow Breakdowns
Every video companion page in one place, sorted newest first so it is easy to jump into the latest build or browse the full library.
I Gave My AI Agent Access to 400+ Karakeep Bookmarks. Then This Happened
A practical walkthrough of self-hosting Karakeep, importing hundreds of old bookmarks, connecting it to OpenClaw through API, CLI, MCP, and an agent skill, then testing whether saved links can become an AI-usable workflow system.
![[Part 5] How to Create Astro Archive Pages – Categories, Tags, Topics & SEO (AI Workflow Breakdown)](https://img.youtube.com/vi/15AK2xQWfBY/maxresdefault.jpg)
[Part 5] How to Create Astro Archive Pages – Categories, Tags, Topics & SEO (AI Workflow Breakdown)
A practical walkthrough of building Astro archive pages with AI, including a main posts archive, reusable archive components, category and topic navigation, pagination, CTA insertion, and dedicated content silo pages for stronger SEO architecture.
![[Part 4] How to Build an Astro Blog Post Layout – Hero, Components, Image Optimization (AI Prompts Included)](https://img.youtube.com/vi/EojC3UF3UFQ/maxresdefault.jpg)
[Part 4] How to Build an Astro Blog Post Layout – Hero, Components, Image Optimization (AI Prompts Included)
A full AI-assisted walkthrough of building a production-style Astro blog post system, including the post layout, hero, MDX content styling, sidebar, reusable components, mobile responsiveness, and Astro image optimization.
![[Part 3] I Deleted My CMS… and SEO Got Easier – The No-Code, AI-Driven Content System](https://img.youtube.com/vi/EzjHupuLlmA/maxresdefault.jpg)
[Part 3] I Deleted My CMS… and SEO Got Easier – The No-Code, AI-Driven Content System
A practical walkthrough of replacing CMS-style content modeling with Astro content collections, using AI to define frontmatter schemas, SEO fields, content silos, authors, glossary relationships, and clean validation rules for a scalable content system.
![[Part 2] The 6 Best Sources of Web Design Inspiration on the Internet - From Ideas to Homepage Hero](https://img.youtube.com/vi/lJYLG2fdjPo/maxresdefault.jpg)
[Part 2] The 6 Best Sources of Web Design Inspiration on the Internet - From Ideas to Homepage Hero
A practical walkthrough of choosing a website design direction by pulling colors from a logo, gathering inspiration from curated design galleries, defining a homepage hero structure, and then using VS Code and Codex to build, refine, and codify that hero into a reusable design system.
![[Part 1] From Zero to Live Website with AI No Coding Needed - The Foundation](https://img.youtube.com/vi/oQ9rDZm8Q3I/maxresdefault.jpg)
[Part 1] From Zero to Live Website with AI No Coding Needed - The Foundation
A beginner-friendly walkthrough that shows how to scaffold a minimal Astro foundation with Codex, inspect the generated project structure, initialize Git, push the repo to GitHub, and deploy the starter live on Vercel before moving into design and build-out.
How I Integrated OpenClaw with StartInfinity (Full Tutorial + Prompt)
A practical walkthrough of why OpenClaw agents needed better shared context, how a native Start Infinity integration solved that problem, what the plugin can already read and write, where the first MCP-style attempt broke down, and the exact prompt used to recreate the setup.
How to Spin Up an Astro Site Locally in VS Code for Non-Coders
A beginner-friendly walkthrough that shows non-coders how to open a project folder in VS Code, use Codex to scaffold a local Astro site, start the dev server, generate a homepage, make a simple manual edit, and initialize Git without getting lost in setup.
Clone Any Website with AI: VS Code + Codex Tutorial - Learn Agentic Web Dev Together
A practical walkthrough of using VS Code and Codex to clone a reference homepage with Next.js and Tailwind, then iterating through screenshot-driven QA passes to fix responsiveness, missing sections, and layout bugs before deciding what it would take to make the build production-ready.