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.
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.
4 steps
Instead of writing a formal specification, begin by describing your core idea to a Grok Bot instance using natural language. Explain the goal of creating an automated check-in system for your website.
Here is the idea. Uh, what's the simplest way to do it? How can we make this work?
Start simple. You don't need a complete vision at the beginning. Let the conversation with the bot help you build the system piece by piece.
Send your dedicated check-in bot an input to trigger the workflow. This can be a photo, a screenshot of a map, or just the name of a place (e.g., 'Bernal Heights Peak').
The bot uses the Google Places API to find the exact coordinates of the location. It then processes any provided image and generates two new images in a consistent '3D miniature' style: one for light mode and one for dark mode.
The bot structures all the data—including the location name, the generated images, and even the social profiles of friends you were with—and publishes the update directly to your personal website's CMS.
Turn an idea into a PRD, user stories, and a plan.
Keep building
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.
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.
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.