I Finally Found an AI Design Tool I Like (Pencil App)
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
DeepCamp AI