Workshop · Design with AI

Painting With Prompts

Turn ideas into interfaces with plain language, no Figma required. A two-session, no-code workshop using Claude Artifacts to build landing pages, interactive dashboards, and shareable prototypes. For product managers, marketers, and founders, and for designers adding a rapid-prototyping tool to the kit.

This workshop turns a plain-language description into a working interface using Claude's Artifacts feature. No Figma or Photoshop required: natural language generates professional, code-backed interfaces in seconds.

The focus is on painting with prompts, learning the vocabulary of modern design (Tailwind CSS, Shadcn UI, glassmorphism) so you can direct Claude to produce interactive prototypes. The course is about design speed: for product managers, marketers, and founders who need to visualize ideas instantly, and for designers who want live, code-backed mockups in the time static comps take.

Across two sessions you'll build a complete SaaS Marketing Kit: a converting landing page, an interactive pricing calculator, and an admin dashboard. By the end you'll have a portfolio of high-fidelity dashboards, landing pages, and components you can hand directly to developers or drop straight into a pitch deck. No code required.

Participants will learn to:

Enable and navigate Claude Artifacts, and understand what it can, and can't, do for UI
Speak the language of design, Tailwind, Shadcn UI, and styles like glassmorphism, to get exactly the look you want
Build a full, scrollable landing page, section by section
Add real interactivity: pricing calculators, toggles, sliders, and dynamic totals
Visualize data with charts and build a clickable, interactive dashboard
Remix and restyle any interface instantly, then export or publish it to share
Slot Artifacts into an existing design workflow: explore directions live, then export the code or rebuild the winner in your own tools

Topic Outline

Six Modules Across Two Sessions

Delivered across two hands-on sessions

Module 01Foundations

The Artifact Revolution

Enabling Artifacts and confirming it's switched on in settings and ready to use
When Claude writes text and when it renders a live window
The realistic limits of Artifacts, and the deliverables you can hand your team
Getting the most from your language, and what to do when a result misses

Module 02Aesthetics

The Language of Aesthetics

Keywords that work: the gap between "make a button" and "a ghost-variant button with a rounded-full radius and a hover scale effect"
Style keywords: prompting for visual effects, "add a glassmorphism card with a frosted-glass effect"
Component libraries: requesting Shadcn UI components, "use a Shadcn dialog for the signup modal"
The Tailwind cheat code: asking for specific classes (bg-slate-900, gradient clip-text) to get exact results

Module 03Project A

Project A: The Converting Landing Page

Sectioning: prompting iteratively, "add a Hero section," then "a Testimonial Grid below it," then "a Pricing Table"
The pricing calculator: real interactivity, a monthly/annual toggle and a user-count slider that updates the total live
Visual hierarchy: fixing spacing and weight by prompt, "increase the whitespace between sections to py-24"
Capstone build: a complete, scrollable landing page with a working interactive pricing calculator

Module 04Project B

Project B: The Interactive Dashboard

Charting: "create a sales dashboard with a revenue line chart and a user-demographics pie chart using Recharts"
State management: making it clickable, "add a filter dropdown; when I pick 'Last 7 Days,' animate the chart data changing"
Composition: arranging KPIs, cards, and charts into one coherent dashboard
Build an interactive admin dashboard with charts and a working filter

Module 05Remixing

Remixing & Iterating

The reskin: "redesign this entire dashboard to look like a cyberpunk video-game interface", then "now make it a minimalist Swiss design poster"
Exploring fast: generating several looks to compare before you commit
Mobile review: resizing the preview to learn responsive prompting
Take one build and produce two radically different restyles, plus a mobile-friendly version

Module 06Capstone

The Handoff: Exporting & Sharing

React vs. HTML: asking Claude for the raw file to save to your computer
Publishing: turning an Artifact into a shareable public URL to send to colleagues
Into a pitch or a dev queue: packaging prototypes for decks, or handing them to a developer
Capstone: finish your SaaS Marketing Kit, landing page, calculator, and dashboard, then export and publish it to share

This workshop is for anyone who needs working interfaces quickly:

Product managers, marketers, and founders who need to visualize an idea instantly, without waiting for a designer
Designers adding a rapid-prototyping tool to the kit: exploring live, interactive directions in the time static comps take, then exporting the code or recreating the winner in their own tools
Anyone with an interface in their head and no code or design-tool background to build it

No code and no design-tool experience required.

Upcoming Sessions

Cohort 01Live online

October 5 & 7, 2026

Schedule: 9:00 AM – 12:00 PM PST
Tuition: US$495
Instructors: Josh Alpert

Cohort 02Live online

November 16 & 18, 2026

Schedule: 9:00 AM – 12:00 PM PST
Tuition: US$495
Instructors: Josh Alpert

Programs can be customized for your organization. Delivered on-site, in-person, live-online, or asynchronously as a course library.
Inquire About Custom Solutions

All workshops