How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng

2026-09-14 · 42 min · 26 entities

episode page audio

Asserted relationships

→ references Documentation place

0.77

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://developers.google.com/maps/documentation/places/web-service
→ hosted by Claire Vo person

0.55

evidence rules-v5
Feed author/publisher: Claire Vo
→ discusses Technology company

0.40

evidence rules-v5
Feed category: Technology
→ references penname.co website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://penname.co/
→ references figma.com website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://figma.com/
→ references chatprd.ai website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://chatprd.ai/
→ references notion.so website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://notion.so/
→ references clairevo.com website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://clairevo.com/
→ references Marketplace podcast

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://x.ai/bot/marketplace/bots/figma-bro
→ references Mcp Catalog person

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://figma.com/mcp-catalog
→ references swarmapp.com website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://swarmapp.com/
→ references Designing Grok Bot With Grok Bot website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://x.ai/bot/guides/designing-grok-bot-with-grok-bot
→ references From Zero Coding Background To Hardware website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://lennysnewsletter.com/p/from-zero-coding-background-to-hardware

Entities found in this episode

websites 16

mentioned penname.co website

0.45

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://penname.co/
mentioned figma.com website

0.45

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://figma.com/
mentioned chatprd.ai website

0.45

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://chatprd.ai/
mentioned notion.so website

0.45

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://notion.so/
mentioned clairevo.com website

0.45

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://clairevo.com/
mentioned swarmapp.com website

0.45

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://swarmapp.com/
mentioned Designing Grok Bot With Grok Bot website

0.45

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://x.ai/bot/guides/designing-grok-bot-with-grok-bot
mentioned From Zero Coding Background To Hardware website

0.45

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://lennysnewsletter.com/p/from-zero-coding-background-to-hardware
references penname.co website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://penname.co/
references figma.com website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://figma.com/
references chatprd.ai website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://chatprd.ai/
references notion.so website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://notion.so/
references clairevo.com website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://clairevo.com/
references swarmapp.com website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://swarmapp.com/
references Designing Grok Bot With Grok Bot website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://x.ai/bot/guides/designing-grok-bot-with-grok-bot
references From Zero Coding Background To Hardware website

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://lennysnewsletter.com/p/from-zero-coding-background-to-hardware

persons 4

mentioned Claire Vo person

0.70

evidence rules-v5
Feed author/publisher: Claire Vo
hosted by Claire Vo person

0.55

evidence rules-v5
Feed author/publisher: Claire Vo
mentioned Mcp Catalog person

0.45

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://figma.com/mcp-catalog
references Mcp Catalog person

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://figma.com/mcp-catalog

places 2

mentioned Documentation place

0.90

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://developers.google.com/maps/documentation/places/web-service
references Documentation place

0.77

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://developers.google.com/maps/documentation/places/web-service

companys 2

mentioned Technology company

0.50

evidence rules-v5
Feed category: Technology
discusses Technology company

0.40

evidence rules-v5
Feed category: Technology

podcasts 2

mentioned Marketplace podcast

0.45

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://x.ai/bot/marketplace/bots/figma-bro
references Marketplace podcast

0.38

evidence rules-v5
Link in episode "How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng": https://x.ai/bot/marketplace/bots/figma-bro

Episode description as stored

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/ X: https://x.com/clairevo — Production and marketing by https://penname.co/ . For inquiries about sponsoring the podcast, email jordan@penname.co.