AI (Vibe) Coding

Using QA Loops & Visual Feedback to Fix AI-Generated UI

AI agents often make mistakes when relying on 'one-shot' coding. Learn how to solve this by implementing proper design patterns and QA chains. Watch a demo on providing direct feedback using interface screenshots so agents can accurately fix UI component issues like spacing and element shapes.

Using Claude Code's Plan Mode to Build a Dashboard App

Plan your app structure using Plan Mode before the AI starts coding. You will also learn how to get technical prompts from Claude Chat to build an AI tools comparison dashboard.

Automate content planning with Obsidian and Claude Code

Organize your content workflow using Obsidian templates and leverage coding agents like Claude Code or Cursor to automatically convert scripts into storyboard schedules.

Build AI Tool web apps with GPT 5.4 Canvas

A step-by-step guide to building interactive websites with detailed UI specifications (like dark mode) using GPT 5.4 and reviewing the results in Canvas mode.

Building functional web apps with Gemini Canvas and AI Studio

Use Canvas mode for interactive coding and 'Build Mode' to generate simple web applications in seconds.

Build web apps with Bolt and Lovable without coding

How to use AI to create functional applications like dashboards or client portals simply by typing text descriptions.