AI (Vibe) Coding

Generate Marketing Emails Directly to Your CRM with Claude

Skip the headache of manual HTML coding. This guide shows you how to draft and build fully editable marketing email templates directly within your CRM (such as Customer.io) using Claude.

Converting Google Stitch Designs into Live Websites with Google AI Studio

A simple guide on exporting your UI designs from Google Stitch to Google AI Studio to generate code (vibe coding) and publish a fully functional website without needing any coding skills.

Generate Custom JavaScript/Python Scripts for Workflows with Softr AI Co-Builder

If your data transformation requires custom code and you aren't a coding expert, you can use the AI Co-Builder block within Softr's workflow editor to automatically generate JavaScript or Python code with ease.

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.