How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng
· Summarized
Key takeaways
- AI tools like Grok Bot are revolutionizing how designers and developers work, enabling automation of repetitive tasks and rapid prototyping.
- Building self-updating personal websites or product pipelines with AI reduces manual effort and makes maintaining digital assets more sustainable.
- Using AI-powered bots for daily life management—shopping, scheduling, information retrieval—can significantly increase efficiency and reduce mental load.
- The 'trash can' method of software development encourages rapid experimentation by treating prototypes as disposable, fostering creative exploration without fear of waste.
- AI enhances the design craft by enabling access to complex skills like 3D rendering and illustration, allowing designers to operate at higher levels of creativity and strategic thinking.
- Organizing bots into categories for life and work helps manage their roles effectively, creating a personalized digital assistant ecosystem.
- Humans should view AI as a tool that amplifies their creativity and productivity, rather than a threat to their craft, by elevating tasks to more meaningful and impactful work.
Summary
Introduction to the Guests and Overview of Grok Bot
The episode begins with introductions to John Bai and Peng Zheng, designers working on the Grok Bot team at SpaceXAI. They discuss the hype around Grok Bot and their focus on building AI products that significantly enhance productivity and creative workflows. The hosts and guests highlight how Grok Bot is transforming tasks such as website creation, prototyping, and daily life management, emphasizing its ability to automate routine tasks and facilitate rapid iteration.
Peng’s Self-Updating Personal Website Using Grok Bot
Peng describes how he built a self-updating personal website entirely with Grok Bot, eliminating the need for a traditional CMS or design file. The process involves sending photos or place names to Grok Bot, which automatically retrieves location data via the Google Places API, generates visual assets like 3D miniatures, and updates the site dynamically. He emphasizes the low effort required to keep the site current and visually engaging, illustrating how AI can make creative and personal projects more accessible and sustainable.
John’s Figma Bro Bot for Design Automation
John discusses his Figma Bro bot, which he uses to automate routine design tasks, such as aligning icons and creating marketing materials directly within Figma. He explains how voice commands and templates enable him to operate his design workflow from anywhere, including the gym. The tool enhances efficiency by handling repetitive production work, allowing him to focus on higher-level creative thinking. The conversation highlights how AI-powered bots are streamlining the design process, reducing manual effort, and making it more flexible.
Using DevBot and 'Shower Thoughts' Prototyping
John explores the concept of DevBot, which captures spontaneous ideas and turns them into prototypes without the need for product managers or engineers. He shares examples like creating animations, interaction effects, and experimental features purely through natural language descriptions. This approach promotes rapid iteration and reduces the barriers usually associated with product development, encouraging more experimentation and innovation.
The 'Trash Can' Method of Software Development and Iterative Creativity
The hosts and guests discuss the idea of treating prototypes and experimental features as disposable ('trash can'), enabling rapid experimentation without fear of waste or commitment. This methodology promotes a playful, open-ended approach to product design, allowing creators to explore many ideas freely, knowing failure doesn’t have serious consequences and that iteration can be quick and cost-effective.
Organizing and Managing Personal Bots Ecosystem
Both John and Peng share how they categorize their bots into 'life' and 'work' groups, with various bots handling tasks like shopping, scheduling, and information retrieval. Peng describes how his bots serve as digital assistants that streamline routine activities, while John mentions his use of bots for language practice and health management. They emphasize how organizing these tools enhances productivity and reduces manual effort across different areas of life.
The Future of Design and Artificial Intelligence
The conversation shifts toward the impact of AI on creative professions. Peng and John reflect that AI complements rather than threatens creative arts by elevating designers’ work to higher levels—avoiding mundane tasks and focusing on more complex, value-added activities. They discuss how AI democratizes access to difficult design skills, such as 3D rendering and illustration, and enables designers to operate at the strategic and experiential levels.
Practical Tips and Troubleshooting Bots
Guests offer advice for managing AI bots, like instructing them to 'remember' past interactions to improve reliability, and troubleshooting when bots deviate from expected behavior. They highlight the importance of clear prompts and routine adjustments to ensure consistent performance, recognizing that AI tools are continually learning and adapting.
Closing Remarks and How to Connect with the Guests
The episode concludes with gratitude expressed to John and Peng, along with information on how listeners can find them on social media. The hosts recommend trying out their bot templates and experimenting with AI tools to enhance productivity and creativity.
Sponsors
- WorkOS · WorkOS gives you drop-in APIs for enterprise features, so your app can become enterprise-ready and scale-up market faster. Think of it like Stripe for enterprise features.
- Vanta · Vanta works differently. Their agentic trust platform is built to scale with you, not slow you down. They collect evidence and monitor your controls year-round, cutting your audit prep by 82%. Over 16,000 companies use Vanta to save time and resources while scaling fast.
Show notes
John Bai and Peng Zheng are designers on the Grok Bot team at SpaceXAI, where they’re building one of the most talked-about AI products right now. John writes publicly about his design process (his piece “Designing Grok Bot with Grok Bot” has already made the rounds) and shares bot templates with the design community. Peng brings a product-design sensibility to personal tools, and his website doubles as a live demo of what he builds.
What you’ll learn:
- How Peng built a self-updating personal website using Grok Bot as the entire backend pipeline, with no CMS and no Figma file
- The exact check-in bot setup that lets Peng send a photo or a place name and have his portfolio update itself automatically
- How John’s Figma Bro bot handles production design tasks while he’s at the gym
- How John uses voice memos to direct Figma work through an MCP connection without opening his laptop
- The “shower thought to prototype” workflow John uses with DevBot to test interaction ideas without first going through a product manager or engineer
- The “trash can method” of software development
- How both designers organize their personal bot ecosystems
- What John and Peng actually think AI means for the future of design as a craft
—
Brought to you by:
WorkOS—Make your app enterprise-ready, with SSO, SCIM, RBAC, and more
Vanta—Automate compliance and simplify security
—
In this episode, we cover:
(00:00) Introducing John and Peng
(02:53) The Grok Bot hype train
(04:35) Peng’s self-updating personal website built with Grok Bot
(15:12) How AI makes design more accessible
(19:35) Website update result
(20:13) John’s Figma Bro bot
(23:35) Creating marketing materials for the bot marketplace
(26:00) DevBot: from shower thoughts to working prototypes
(28:48) The trash can method of software development
(31:19) Other bots John and Peng are using
(39:05) Practical tips for when bots don’t do what you want
—
Tools referenced:
• Grok Bot (xAI): https://x.ai/bot
• Figma: https://www.figma.com
• Figma MCP server: https://www.figma.com/mcp-catalog/
• Google Places API: https://developers.google.com/maps/documentation/places/web-service
• Notion: https://www.notion.so
• Swarm (Foursquare): https://www.swarmapp.com
—
Other references:
• Designing Grok Bot with Grok Bot: https://x.ai/bot/guides/designing-grok-bot-with-grok-bot
• Figma Bro bot template (shared by John Bai): https://x.ai/bot/marketplace/bots/figma-bro
• From zero coding background to hardware hacker: How Cursor + a Raspberry Pi makes AI fun: https://www.lennysnewsletter.com/p/from-zero-coding-background-to-hardware?utm_source=publication-search
—
Where to find John and Peng:
John Bai on X: https://x.com/johnbai
Peng Zheng on X: https://x.com/pengzheng_
—
Where to find Claire Vo:
ChatPRD: https://www.chatprd.ai/
Website: https://clairevo.com/
LinkedIn: https://www.linkedin.com/in/clairevo/
—
Production and marketing by https://penname.co/. For inquiries about sponsoring the podcast, email jordan@penname.co.
Follow this show on AudioBrevity and new episodes get summarized for you. Create a free account