I Finally Found an AI Design Tool I Like (Pencil App)

Build at Scale · Beginner ·🧠 Large Language Models ·1mo ago
I've been looking for an AI-first design tool that actually works, and Pencil is the first one that's truly satisfied me. In this video I walk through setup, the built-in demo, using the ShadCN component kit, configuring Claude Desktop with the MCP, and converting a Pencil design to working code with TanStack Start. 0:00 Intro 0:28 Setup 1:43 Built-in Demo Walkthrough 5:52 ShadCN Component Kit 11:35 Claude Desktop MCP Setup 12:20 Editing via Claude Desktop 13:45 Design to Code with Claude Code 15:50 Code Output and Wrap Up Pencil: https://pencil.dev Skills Repo: https://github.com/jezweb/cla…
Watch on YouTube ↗ (saves to browser)

Chapters (8)

Intro
0:28 Setup
1:43 Built-in Demo Walkthrough
5:52 ShadCN Component Kit
11:35 Claude Desktop MCP Setup
12:20 Editing via Claude Desktop
13:45 Design to Code with Claude Code
15:50 Code Output and Wrap Up
5 Levels of AI Agents - From Simple LLM Calls to Multi-Agent Systems
Next Up
5 Levels of AI Agents - From Simple LLM Calls to Multi-Agent Systems
Dave Ebbelaar (LLM Eng)