Learn vibe coding as a designer

Build your first useful product with AI, one small mission at a time. Vibe Kit brings together a beginner path, practical prompts, reusable skills, and a place to share what you ship.

30Day Learning Path

170+Prompts

12Skills & Workflows

YOUR 15-MINUTE FIRST WIN

Tell us what you want to make. Get a tiny plan you can start now.

Choose a goal and your AI builder. We’ll turn it into one focused first project, a starter prompt, and three timed steps.

1. What do you want to build?

2. Which builder are you using?

Choose both options to reveal your project, prompt, and 15-minute mission.

NEW

THE 30-DAY PATH

Become an AI-Powered Designer

A free, interactive 30-day path built for designers. One focused mission a day: build real things, check them off, and level up from prompting to shipping AI-powered product. Your progress saves right in your browser.

✓30 daily missions✓Track your progress✓Earn a certificate

Start the 30-day path →Free · No sign-up · Save your progress

170+ prompts

Prompts

Copy-and-paste AI prompts across 8 design and product disciplines: UI, UX, product, branding, research, content, career, and AI workflows.

Explore Prompts →

12 skills

Skills & Workflows

Drop-in SKILL.md files that turn Claude and Cursor into a design-system auditor or spec writer, plus step-by-step workflows for design sprints, discovery, and shipping.

Explore Skills & Workflows →

community

Vibefolio

A wall of vibe-coded projects built by the community. Get inspired by what people ship with AI, then submit your own and get featured.

Explore Vibefolio →

VIBE CODING, IN PLAIN ENGLISH

What vibe coding means for designers

Vibe coding is a way to turn a clear product idea into a working interface by collaborating with AI coding tools. You still decide who the product serves, what it should do, how the interaction feels, and whether the result is accessible and useful.

You bring the judgment. AI helps produce, test, and revise the implementation.

The Vibe Kit loop

01Learn by buildingFollow one practical mission a day.02Keep what worksSave prompts, skills, and proof in My Kit.03Ship and get seenPublish your project and submit it to Vibefolio.

Vibe Kit teaches the process through small projects rather than abstract lessons, so every step produces something you can reuse or share.