How I Vibe Coded a Full App using Claude Code (with Database, Payment, Login)
A 31-minute live build: empty folder to deployed stock-tracking web app with auth, payments, and a real database — no code written.
May 30thA 14-minute screen-share tutorial that wires Claude Code to Higgsfield via MCP, builds a daily Instagram carousel pipeline, and schedules it to run every morning while you sleep.
The unlock is not AI image generation itself — it is connecting Claude Code to an image API via MCP so that research, copywriting, image generation, and a results dashboard all happen inside one conversation, on a repeating schedule.
Claude Code acts as the orchestrator: it reads news from X, writes carousel copy, sends detailed image prompts to Higgsfield through an MCP connector, receives generated images inline, and assembles everything into a local HTML dashboard — all from plain-English instructions. A downloadable skill file encodes the full workflow so future runs just need 'run carousel skill.' A Claude Routine then fires the whole pipeline at 7AM daily with bypass-permissions enabled, producing a ready-to-approve content batch before you wake up.
Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.
Create a free account →
Shows the finished carousel output live; promises to teach the setup even for non-technical users using only plain English.

Content consistency is the core creator problem. Manual assembly is time-consuming and leads to burnout. Claude + Higgsfield handles 90% of it.

Connect a project folder in Claude Code. Introduces the two-tool architecture: Claude as architect, Higgsfield for image/video generation. Architecture diagram shown.

Create a Higgsfield account, copy the MCP URL, add the custom connector in Claude settings. One-time configuration.

Iterates on the hook cover image through several rounds: initial prompt, font correction, mascot placement, final style saved as a reusable scale. Inline MCP image display demonstrated.

Provides a reference design for content slides, approves a text preview before firing image generation, uses browser-use plus Claude in Chrome to screenshot live social posts and embed them.

Explains the skill file concept: a .md recipe file encoding the full workflow. Download it, place it in the carousel folder, trigger with 'run carousel skill.'

Asks Claude to build an HTML page displaying all generated carousels in a grid. Uses confirm-before-build: Claude explains its plan and asks clarifying questions before writing code.

Creates a Claude Routine: daily at 7AM, reads @claudeai X for new posts in last 24-48h, compares against processed-posts log to avoid duplicates, generates carousel, updates dashboard. Sets bypass-permissions so it runs unattended.
The gap between Claude helping you make content and Claude making content while you sleep is three things: an MCP connector, a skill file, and a routine with bypass-permissions on.
“I created all this by just talking to Claude in plain English.”
“What makes this actually powerful is that Claude now has an official MCP connector to Higgsfield — and this MCP connector is actually the key to make the automation happen.”
“You can think of a skill as a recipe that you can give to Claude. So whenever you wanna work on a specific task like this, he knows exactly what to do and more importantly how you like to do it.”
“It's good to always ask it to confirm if it understands the task... you're gonna save tokens.”
See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.
A single prompt — paste a URL, say what to make — and Claude returns a four-slide Instagram carousel, complete with AI-generated images, ready to download. This tutorial is the blueprint for replicating that pipeline and scheduling it to run every morning without you.
A .md file containing complete workflow instructions placed in the project folder. Claude executes the full pipeline on a single trigger phrase without re-prompting.
Before generating anything expensive, ask Claude to state its understanding and surface clarifying questions. Saves tokens and avoids wrong outputs.
Claude handles all logic, prompting, and assembly. A specialist tool handles the one thing Claude lacks. Connected via MCP so the handoff is invisible to the user.
“If you guys wanna try this out, go ahead and download the skill file down below.”
Soft verbal CTA pointing to description link. Subscribe ask follows immediately. Clean and brief — not pushy.
00:00
00:13
00:26
00:33
00:43
00:59
01:07
01:22
01:33
01:39
01:49
01:55
02:10
02:18
02:28
02:41
02:52
02:59
03:13
03:20
03:33
03:43
03:52
04:05
04:15
04:22
04:35
04:42
04:57
05:07
05:18
05:26
05:36
05:48
06:00
06:10
06:22
06:31
06:37
06:52
06:58
07:14
07:23
07:38
07:45
07:50
08:02
08:13
08:26
08:34
08:45
08:57
09:11
09:18
09:23
09:39
09:49
09:58
10:14
10:21
10:35
10:45
10:47
11:02
11:13
11:23
11:34
11:40
11:52
12:05
12:15
12:26
12:36
12:42
12:57
13:08
13:22
13:28
13:34
13:49A 31-minute live build: empty folder to deployed stock-tracking web app with auth, payments, and a real database — no code written.
May 30thA 33-minute full-build walkthrough: reverse-engineer a $800K/month app, design it in Claude Design, wire it up in Claude Code, test on iPhone, and market it on TikTok — zero code written.
May 23rdFour real apps, same prompt, two models — where the 2x cost actually pays off and where it does not.
June 11thA 17-minute walkthrough of the three setup steps that stop Codex from generating generic AI output — and an honest comparison against Claude Code.
June 8thA step-by-step demo of how Claude Fable 5 and the Higgsfield MCP produce agency-grade cinematic scroll websites for under $2.
June 10thA 15-minute screen-share showing how to wire Claude Code into a cold outreach stack — from empty IDE to two live campaigns — using MCP, a CLAUDE.md system prompt, and a single voice-dictated mega-prompt.
February 15th