Capture the Idea Visually
When an idea for a new feature or UI animation strikes, capture the starting point by taking a screenshot of the relevant app screen on your phone.
Instantly transform a fleeting product idea into multiple, high-fidelity interactive prototypes. This workflow uses collaborative AI bots to interpret a voice memo and screenshot, generating working code for rapid exploration.


Source episode
How I AI: Grok Bot Designers on Building Living Websites and Automated Design Systemswith Claire Vo
xAI's conversational AI assistant
Step by step
Follow the sequence once, then adapt the prompts, checks, and handoffs to your own setup.
5 steps
When an idea for a new feature or UI animation strikes, capture the starting point by taking a screenshot of the relevant app screen on your phone.
Send the screenshot to a specialized 'DevBot' along with a rambling, detailed voice memo. Describe the desired animation, user flow, and feel of the interaction without worrying about formal structure or technical terms.
Set up your primary 'DevBot' to be able to communicate with other specialized bots (e.g., a 'Motion God' bot for complex animations). The bots will handle the details by collaborating with each other in the background.
Return later to find multiple working, interactive prototypes generated by the bots. These are not static mockups but clickable web-based experiences you can test directly.
Use the prototypes to evaluate the idea's merit. Because the cost of exploration was virtually zero, you can decide to shelve or iterate on the idea without having used any engineering resources or meeting time.
Turn an idea into a PRD, user stories, and a plan.
Keep building

Delegate tedious production design work to an AI assistant. This workflow shows how to use a custom bot connected to Figma to handle repetitive tasks like icon placement, freeing you up for more creative work, all from your phone.

Build a dynamic personal website that automatically updates with your latest check-ins. This workflow uses an AI bot to transform locations into unique 3D illustrations and publish them to your site, creating a living record of your life.

Create context-aware guardrails for your enterprise AI agent using a 'Project' governance layer. As a project owner, define rules, scope tools, and require human-in-the-loop approval for sensitive actions, ensuring safe and effective AI use.
Join 100,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.