Grok Bot 设计师如何用 AI 智能体搭建个人网站和产品原型 | John Bai 与 Peng Zheng

约翰·白以及彭正他是SpaceXAI Grok Bot团队的设计师，他们正在打造目前最受关注的AI产品之一。John公开撰写他的设计流程（他的文章《用Grok Bot设计Grok Bot》已经广泛传播），并与设计社区分享机器人模板。

彭为个人工具带来了产品设计的感知，他的网站同时也是他构建产品的实时演示。

请继续收听或观看YouTube,Spotify，或者苹果播客

你将学到的内容：

1. 彭是如何用Grok Bot作为整个后端流水线，没有CMS和Figma文件，构建了一个自我更新的个人网站
2. 正是那个让彭发送照片或地名，作品集会自动更新的签到机器人设置
3. 约翰的Figma Bro机器人在健身房时如何处理制作设计任务
4. 约翰如何通过MCP连接在不打开笔记本电脑的情况下，通过语音备忘录来引导Figma的工作
5. John 用“淋浴设计原型”的工作流程，用来测试交互想法，无需先经过产品经理或工程师
6. 软件开发中的“垃圾桶法”
7. 两位设计师如何组织他们的个人机器人生态系统
8. 约翰和彭到底如何看待人工智能对未来设计工艺的意义

由：

WorkOS——让你的应用适合企业级，支持SSO、SCIM、RBAC等

它自豪地说——自动化合规并简化安全

在本期节目中，我们将涵盖：

(00:00介绍约翰和彭

(02:53）格罗克机器人炒作列车

(04:35） 彭的自我更新个人网站，使用 Grok Bot 构建

(15:12）人工智能如何让设计更易接近

(19:35） 网站更新结果

(20:13）约翰的Figma兄弟机器人

(23:35为机器人市场制作营销材料

(26:00） DevBot：从淋浴想法到工作原型

(28:48） 软件开发的垃圾桶法

(31:19）John和Peng使用的其他机器人

(39:05） 当机器人不按你意愿行事时的实用建议

参考工具：

• Grok 机器人（xAI）：https://x.ai/bot

• Figma：https://www.figma.com

• Figma MCP 服务器：https://www.figma.com/mcp-catalog/

• Google 地点 API：https://developers.google.com/maps/documentation/places/web-service

• 理念：https://www.notion.so

• 蜂群（四方形）：https://www.swarmapp.com

其他参考资料：

• 用Grok Bot设计Grok Bot：https://x.ai/bot/guides/designing-grok-bot-with-grok-bot

• Figma Bro机器人模板（由John Bai分享）：https://x.ai/bot/marketplace/bots/figma-bro

• 从零编程背景到硬件黑客：光标+树莓派如何让AI变得有趣：https://www.lennysnewsletter.com/p/from-zero-coding-background-to-hardware?utm_source=publication-search

在哪里可以找到John和Peng：

约翰·白在X上的表现：https://x.com/johnbai

彭正在X上的报道：https://x.com/pengzheng_

在哪里可以找到Claire Vo：

ChatPRD：https://www.chatprd.ai/

网站：https://clairevo.com/

LinkedIn：https://www.linkedin.com/in/clairevo/

X:https://x.com/clairevo

制作与营销https://penname.co/.如需咨询赞助播客，请发送邮件至 jordan@penname.co。