上篇文章提到我为何离开稳定工作，全职投入开发一款能提升学习效率的 AI 工具——WiseMindAI。

今天想继续聊一件很多前端都会好奇的事情：一个只有前端经验的人，是如何借助 AI，真正做出一款复杂的全栈产品。

WiseMindAI 为学生、教师、内容创作者和职场人士提供一个本地优先的 AI 学习与知识管理平台，让知识从收集到输出都在本地安全完成。

官方网址：https://wisemindai.app/

背景介绍

Chris 从事前端工作近十年，一直记得一句话：“前端离用户最近，却离完整产品最远。”外界普遍认为前端就是写页面、调接口、展示数据，而想单凭前端能力构建完整产品，几乎是一场西西弗斯式的挑战，非常难。

但过去两年，AI 工具的飞速发展让能力边界被彻底重塑：AI 能写代码、能画界面、能做架构、能生成文案，让前端工程师第一次拥有了“做整套产品”的可能性。因此我也不断尝试各类 AI 工具，并在公众号「AI 工具派」分享一些优秀 AI 工具。

WiseMindAI 的这款产品，可以说是我与一群“AI 员工”的协作成果。下面分享下 Chris 这支 AI 团队如何分工，各自承担了怎样的职责。

---

1. 首席全能专家：ChatGPT

官方网址：https://chat.openai.com/

对我来说，ChatGPT 是“最懂产品、也最懂技术”的全能型专家。尤其是 Projects 功能，可以将整个项目的文件丢进去，让所有对话都变成真正的“基于项目上下文的交流”。随着对话不断累积，它对项目理解会愈发深入，不仅回答准确，还经常给出我未曾想到的新思路。

它在团队中承担了三个核心角色：

• 产品专家：协助设计交互、功能结构、流程闭环，甚至帮我起草一整页产品文案，比如上个版本新功能“任务中心”。

• 技术专家：拆解需求、写示例代码、排查 BUG、还能给出高质量的性能优化方案，比如下面遇到 BUG 让其排查问题，还能根据以前上下文内容排查现在的 BUG。

• 运营专家：负责官网文档、更新公告、宣传文案等，让我能快速把内容打磨得更精致，写出更完整的内容。

毫不夸张地说，ChatGPT 是 WiseMindAI 开发过程中的最重要的 AI 员工。

2. 主力代码工程师：Cursor

官方网址：https://www.cursor.com/

Cursor 是我最常用的编程工具，像是一位真正坐在我旁边的“代码工程师”，可以随时让它做各种工作。

• 智能补全（Tab）：非常精准，经常能自动把我准备写的逻辑补出来；

• Quick Edit：允许我直接选中一段代码并要求它修改；

• Add to Chat：让代码级别的讨论非常高效；

• Agent 模式：可以完成同步多语言、批量重构这类复杂任务。

对于实际写代码这一块，我认为 Cursor 的“执行力”是最强的。

3. 视觉创意设计官：Canva

官方网址：https://www.canva.cn/

制作文章配图、视频封面、营销海报，我最常用的就是 Canva。它的模板体系成熟、AI 生图和插画生成很方便，配合简单编辑就能做出相当专业的视觉素材。对于不会设计的人来说，这是一位非常可靠的“视觉主管”。

比如之前录制视频时的封面图，就是让 Canva 进行设计：

4. 高级艺术创作师：Lovart

官方网址：https://www.lovart.ai/

Lovart 用来设计生成图片能力非常强，在上一篇文章中 Chris 就是使用 Lovart 制作的，只要提供一些素材内容（文本、图片、网页等），Lovart 就能按照我的要求，制作出非常不错的图片，我已经买了年费会员在使用。

5. MVP 快速原型工程师：Gemini 3

官方网址：https://gemini.google.com/app

Chris 眼里 Gemini 3 的最大价值是“快速产出可运行的 MVP”。一句提示词就能生成一个可编辑的前端项目，让我能在短时间内确认想法是否成立。

WiseMindAI 这次上线的“知识卡片集”，其中的卡片画布 MVP，就是由 Gemini 快速搭建的，我再基于它完善业务逻辑，效率提升非常明显，也激发了很多新灵感。

以下是 WiseMindAI 知识卡片画布的第一版预发布环境的显示效果，Chris 还增加了很多功能：

6. Github 项目助手：豆包

官方网址：https://www.doubao.com/

豆包在“分析 GitHub 项目”这件事上非常强大。 Chris 给它一个 Github 仓库地址，它就能理解项目结构、关键逻辑、核心 API，用来学习插件、理解源码、排查复杂问题都很高效。对于需要快速读懂陌生项目的场景特别好用。

比如：

• 某某场景用这个插件要怎么实现

• 某某方法、属性有什么作用

• 遇到一些问题，如何解决等

7. 情报分析官：ChatGPT Atlas

官方网址：https://chatgpt.com/zh-Hans-CN/atlas/

Atlas 是 ChatGPT 的浏览器版，最强能力就是其 Agent 能力，能够跨页面智能分析，比如 Chris 让它分析 NotebookLM 的最新功能、整理一整页的评论数据、统计趋势、收集文章观点…

作为独立开发者，这相当于拥有一位专业的情报分析官。

还可以去小红书搜索帖子，在帖子中搜索评论内容等等，生成各种详细数据，主要还是用来帮我完成很多搜集资料的工作，非常方便。

8. 代码救火队长：Claude

Claude 是我的“终极救火队”。每当遇到复杂逻辑链极长的 BUG，它的分析能力往往能一次命中问题本质。前端、后端、运维问题它都能给出非常完整的解决方案，是稳定可靠的后盾。

Cladue 也有 Projects 功能，只是 WiseMindAI 已经在 ChatGPT 有非常多的积累，就不迁移了哈。后续可以考虑使用使用。

9. 文档和项目管理专家：飞书

随着 WiseMindAI 的迭代愈加复杂，Chris 将文档、任务、流程图、版本记录等全部迁移到飞书管理。多维表格用来记录版本任务，文档成为产品知识库，画板帮助我沉淀思路与系统结构。

作为独立开发者，最担心的就是项目进度失控、任务混乱等问题，这时候就需要自己把任务整理清楚，排期安排清楚，有序执行每个任务。

另外飞书文档的画板功能，也非常重要，在思考一些需求时，Chris 会在画板上将自己的项目画上去，然后思考、整理、再思考、再整理，整个思路更加清晰。

10. 最独特的物理助理：白板

最后推荐的是一个脑暴、梳理思路的好工具，也就是白板，虽然不是 AI 工具，但是确实在 Chris 开发 WiseMindAI 过程中发挥了非常重要的作用。

为此 Chris 在书房墙壁贴了静电吸附墙壁上的白板贴纸，随时写。

当我在脑暴、思路不清晰时，就会在白板上写写画画，思路逐渐清晰起来，所以非常推荐给大家。

至于为什么已经使用飞书画板了，还需要这个白板，这是因为 Chris 觉得手写会更有感觉！当然这是个人习惯。

总结

以上，是 Chris 在开发 WiseMindAI 时使用的“AI 员工团队”。这不一定是最强的组合，但对我来说，它们已经是目前最适合、最顺手的一套工作流。

我常在「AI 工具派」社群里分享一句话：

AI 工具更新非常快，但真正有价值的，是能融入你的工作流、持续帮你解决问题的那一款。适合自己的工具，才是最强的工具。

好了，就写到这了，已经半夜 1 点了，早安午安晚安各位小哥哥小姐姐！