Product design resources for founders
Make clearer product decisions, give your team shared context, and understand what it takes to move an idea into a working product.
Live React previews. Copyable code. Made for your next product.
Start here.
How to plan an AI product development workflow
Plan one feature from customer problem to tested release with a product brief, ownership map, acceptance criteria, and QA checklist.
How to build an AI-ready design system
Make a design system usable by AI with semantic tokens, component metadata, examples, and a small migration plan.
How to set up product context for AI tools
Create a product context system with an entry point, approved decisions, feature specs, ownership, and a maintenance checklist.
Explore resources for founders.
16 resources to explore
Step-by-step guides 7
Work through a practical design task from start to finish.
How to plan an AI product development workflow
Plan one feature from customer problem to tested release with a product brief, ownership map, acceptance criteria, and QA checklist.
How to build an AI-ready design system
Make a design system usable by AI with semantic tokens, component metadata, examples, and a small migration plan.
How to set up product context for AI tools
Create a product context system with an entry point, approved decisions, feature specs, ownership, and a maintenance checklist.
A design-to-code workflow: from requirements to review
Take a feature from requirements to implementation with a state matrix, component map, handoff prompt, and verification checklist.
How to document a component library for people and AI
Write component specifications with anatomy, variants, states, token references, examples, and clear ownership.
How to install and use TDP AI agent skills
Choose and install a TDP agent skill, confirm your host supports it, run one bounded task, and review the result.
How to redesign status cards in a product dashboard
Improve dashboard status cards with a task definition, state model, focused concepts, reusable components, and a review checklist.
AI skills & playbooks 3
Reusable instructions and workflows for your tools.
Apply marketing psychology
Applies psychology, mental models, and behavioral science to marketing — anchoring, social proof, scarcity, loss aversion, framing, nudge.
Context OS principles
A downloadable Markdown file with principles for keeping product decisions, design context, and team knowledge connected across AI sessions and tools.
AI product team workflow
A downloadable presentation on organizing product teams around AI agents: shared context, responsibilities, code review, functional QA, and weekly delivery.
Articles & insights 5
Explore ideas and lessons from the TDP blog.
AI product development workflow: Give your team a product brain
See how TDP connects product decisions, design, engineering, and QA in an AI product development workflow built around a shared product brain.
AI design workflow: the toolkit I use to go from inspo to code in minutes
A practical AI design workflow for product teams: how I use Conductor, Codex, Claude Code, Wispr Flow, Fireflies, Mobbin MCP, and Paper to move from research to code faster.
Mobbin MCP: Pull design inspiration in Claude Code without a single screenshot
Mobbin MCP lets you pull real UI inspiration straight into Claude Code — no manual searching, no screenshots. Here's the exact workflow I use to go from inspo to wireframe in minutes.
The interface is about to get personal: four stages of AI-native UI
Chat is a compromise, not a destination. Here are the four stages of AI UI — and why most SaaS products are still stuck on stage one.
Stop re-explaining your product to AI. Build a Claude Code skill instead.
Claude Code skills let you encode your team's processes, templates, and product context into reusable workflows. Build once, share across your team, and stop re-explaining context every time.
Design glossary 1
Understand the language of product design.
Give your workflow
a new set of skills.
Reusable AI skills from the TDP team. Explore the collection and find a practical starting point for your next project.
Explore the skills repo