I Built My Entire Design System in Minutes With Claude Fable 5
A step-by-step walkthrough of turning a single image reference into a synced design.md and design.html pair using an open-source Claude Code skill.
July 2ndA product designer builds a full native iOS app end-to-end inside Claude Code, using a packaged skill system and the new in-app iOS simulator, without ever leaving the chat window.
Claude Code's new built-in iOS simulator plus a structured skill pack (planner, design system, build, launch checklist) lets one person spec, design, and build 70-90% of a native iOS app in a single sitting without leaving the chat.
Claude desktop app now has a built-in iOS simulator panel, so you can watch a native Swift app render live while Claude Code writes it. The video demos this by building Dream Lock, a screen-lock journaling app, using a packaged skill system called BuilderOS: a product-planner skill interviews you to produce a PRD and phased roadmap, a design-system skill pulls a visual style from a Dribbble reference image, and a build-MVP skill executes the roadmap phase by phase with code review and testing between phases. The result is roughly 70-90% of a working app — home, journal, settings, and pause-point screens with a matching design system — built in about 15 minutes of chat time, with the remaining gaps (missing app-selection data, unconfigured Sentry/RevenueCat keys, App Store Connect setup) left for manual polish and device testing.
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 →
States the video's promise: build a full mobile app using Claude Code's new iOS simulator, BuilderOS skills, and a live demo.

Opens a fresh folder ('DreamLock test'), pitches the DreamLock app concept (a screen-lock journaling twist on existing lock apps), and asks Claude Code to install the BuilderOS skill pack.

Shows where the iOS simulator panel lives in the Claude desktop app (three-dot menu) and walks through the Xcode/simulator installation check.

Runs the product-planner skill, answering its interview questions on target customer, core problem, business intent, and tech stack to generate a PRD and roadmap.
Pitches his paid Product Studio coaching program for going from app idea to paying customers.

Shows the generated PRD and roadmap (3 phases, ~42 tasks) and kicks off the build-MVP skill in a new session.

Grabs a mindfulness-app screenshot from Dribbble mid-build and pastes it into Claude Code as a visual reference for the front-end design.

Opens the iOS simulator panel, attaches an iPhone 16 device, and watches the build complete with the simulator live on screen.

Walks through the built app's home, journal, settings, and pause-point screens and the generated design-system HTML file, then finds first-pass bugs (empty app-selection list, missing back button, unconfigured keys).

Recaps the process, plugs the BuilderOS community and his coaching program, and signs off.
Splitting an AI app build into planning, design-reference, and phased-execution stages produces a mostly-working app fast, but the last 10-20% still requires manual testing, keys, and platform setup.
“Anthropic just brought an entirely new way of building mobile apps to Claude code by introducing the iOS simulator in the Claude desktop app.”
“The build MVP skill is designed to basically build, like, 70 to 80%, maybe even 90% of the app here, and then we just polish the final things.”
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.
Claude's desktop app just gained a built-in iOS simulator panel, and this video treats it as a reason to build a real app on camera — from a blank folder to a working screen-lock journaling app called Dream Lock, using a packaged skill system to generate the spec, the design, and most of the code in one sitting.
A set of Claude Code skills meant to be installed into any project (works with Claude Code, Codex, or Cursor per the presenter) that carries an app from idea validation through PRD, design, MVP build, and launch prep.
“click the link in the description down below to apply to the product studio”
Mid-video sponsor-style break for his own paid coaching program, plus a second CTA at the very end for both the BuilderOS community (school.com/aiapps) and the same coaching program.
00:00
00:19
00:32
00:45
01:03
01:11
01:24
01:37
01:50
02:03
02:16
02:29
02:42
02:55
03:08
03:21
03:34
03:47
04:00
04:13
04:26
04:39
04:52
05:05
05:18
05:31
05:44
05:57
06:10
06:23
06:36
06:49
07:02
07:15
07:28
07:41
07:54
08:07
08:20
08:33
08:45
08:58
09:11
09:24
09:37
09:50
10:03
10:16
10:23
10:42
10:55
11:08
11:21
11:34
11:47
12:00
12:13
12:24
12:44
12:52
13:05
13:18
13:31
13:44
13:57
14:10
14:23
14:36
14:49
15:02
15:15
15:28
15:41
15:54
16:10
16:20
16:33
16:46
16:59
17:12A step-by-step walkthrough of turning a single image reference into a synced design.md and design.html pair using an open-source Claude Code skill.
July 2ndA 17-minute sponsored demo showing how Miro Canvas turns a whiteboard into a shared, MCP-connected context layer for every AI agent on your team.
June 16thA product designer sends two vague prompts to Claude's latest model and receives a fully functional Notion clone in 45 minutes — then explains why that makes your idea and distribution skills more valuable, not less.
June 10thSame one-shot prompts, two models, three real builds — a website, an app clone, and a 3D game — scored on intelligence, cost, and time, not just vibes.
July 23rdA YouTuber walks through the exact three-skill setup — spec, build, review — that lets Claude Code or Codex keep shipping features all day without anyone typing another prompt.
July 22ndTheo reacts line-by-line to Boris Cherny's post arguing that automation — CLAUDE.md rules, lint checks, CI — matters more than ever in the agent era, not less.
July 21st