

AI Workshop: "AI-Assisted Web Design with Pencil" by Code for Taiwan
Part of Taiwan Digital Fest (TDF), Taiwan’s largest and most iconic digital nomad festival, bringing together global nomads, creators, entrepreneurs, and local communities across Taiwan. Learn more at fest.dna.org.tw.
A full day of hands-on AI workshops — build things, ship things, leave with something real.
Host: Kenji Pa
Professional Background: Ex-Engineering Lead @ Oursky TW; Technical Director @ Chimapp
Community: Code for Taiwan, PyCon TW
About the Workshop:
You know how to use AI. But every time you build a website, it looks like… those 1000 dark-purple sites generated by AI.
In this hands-on workshop, you'll use Pencil — an AI-driven design canvas to go from a blank file to a fully designed, deployed website. No Figma. No design background. Just prompts, iteration, and shipping.
What you'll walk away with:
A live website, deployed and shareable before you leave the room
Practical prompt techniques for getting good design output from AI
Confidence to refine layouts, typography, and spacing — even if you've never "done design"
What we'll cover:
Generating a full page design from a text prompt in Pencil
Refining and editing: turning AI output into something that actually looks yours
Deploying to GitHub Pages so the world can see it — we'll create a GitHub account together if you don't have one
Who this is for:
Anyone who is interested in AI-assisted software development
Designers curious about AI-assisted design workflows
Developers who know how to ship features but struggle with UI
Anyone who's tired of their purple-color side projects
IMPORTANT - setup is required
Laptop with macOS / Linux installed
Windows could work too but workshop helpers can only provide limited support
Active Claude Code / Codex subscription (required)
Optional: Your own site content — text, images, copy. A standard set of default content would be provided if you don't have one... But working on your own stuff is always more fun — bring it if you have it!
Presentation slides: https://docs.google.com/presentation/d/1ZeGVzLCkKDSGRUMsKlwOGdZMBGfWvTpTy71qmbxNtBQ/edit?usp=sharing
Workshop materials: limouren/pencil-workshop