The reference for AI product design

AI UX Playground is a free reference for people who design AI products. It catalogs 150+ interface patterns with live demos, 46 product teardowns with screenshot walkthroughs, 221 copy-paste prompts including 18 multi-step prompt packs, 175 agent skills (SKILL.md), 92 glossary terms, step-by-step guides, and a curated Inspirations collection of 65 projects. The site is built for product designers, PMs, and engineers shipping chat, agents, and multimodal AI.

General UI libraries cover buttons, forms, and navigation for static apps. AI UX Playground focuses on problems that appear when models stream, act autonomously, need trust signals, handle tools, or work across voice and ambient surfaces. Patterns are tagged by product examples (ChatGPT, Claude, Perplexity, and others) and grouped for agentic, chat, trust, and commerce workflows, not generic web chrome.

Patterns are documented UX solutions with definitions, when-to-use guidance, anti-patterns, and interactive demos you can study in the browser. Teardowns (46 live guides) are job-first, screenshot-backed walkthroughs of how shipped AI products solve specific design problems in production, useful for benchmarking before you pick a pattern to spec.

Guides are step-by-step build plans for one AI feature at a time (citations, composer, memory, onboarding, human-in-the-loop) that link the patterns and teardowns you need in order. The Glossary defines 92 AI product terms, from RAG to agent handoffs, in plain language you can paste into a spec or PRD.

Prompts (221) are single copy-paste instructions for one design task. Prompt packs (18) chain several prompts toward a goal, such as a design sprint, PRD, or accessibility audit, with steps and deliverables. Skills (175) are SKILL.md files that give Cursor, Claude Code, and similar agents standing rules for your repo. Use prompts for one-offs, packs for end-to-end process, and skills for repeatable agent behavior.

Yes. Most pattern detail pages embed a live UI demo in the same view as the write-up. There is no separate demos section. Open a pattern from the catalog to see the interaction, states, and notes together. Demos are for learning and reference, not production drop-in code.

AI UX Playground is an editorial catalog curated for the design community by Bestfolios.com. Browsing patterns, teardowns, guides, prompts, and skills is free. You may cite and link to pages with attribution; check individual skill sources for their licenses. Subscribe to the newsletter on the homepage for weekly AI product UX notes.