我就是个搞产品的，虽然过去也带过研发团队，但毕竟也不是专业程序员，过去很多时候，你确实会陷入到一个“我有一个想法，就差一个程序员”的怪圈里去，但因为现在有了AI，很多时候，你还真能自己的想法自己去实现了。
尽管我不是那么喜欢百度，但前几天百度自己发它们的无代码工具产品的时候，李彦宏说：“我们的确有条件让一行代码都看不懂的人具备程序员的能力，有让任何一个想法都能迅速地、低成本地变为现实的能力。”我是相当认可的。
当前市面上能帮我们写代码的 AI 助手，有多卷呢？国内有百度有文心快码，腾讯有AI Copilot，阿里的通义灵码，还有字节的豆包MarsCode，上面还有ChatGPT Canvas，Claude Artifacts。这还不够，GitHub 的 Copilot，StackBlitz的Bolt.new，Vercel推出的v0.dev，以及Cursor和Windsurf等工具。
有多卷呢，前几天我还觉得最好用的是Cursor，现在我最喜欢的已经变成Windsurf了……
因为之前发的《利用 AI 给自己做个网站养老吧，“躺”着把钱挣》，很多人会来问，这里面不乏很多同学是没有开发经验的，那么今天这篇文章，我试图从小白用户的视角，利用这些AI编码工具从头开始咱们来实现一个在线上跑起来的应用，实现文中类似的效果。
重点在于，你需要结合你自己的知识去让AI给你干活，我用的工具是：Windsurf
1，本次的主题：拆解书。
域名url：zlbigger.com/ai
2，采用的方案是自带一些功能的CMS+AI二次开发的部分
比如我们选择一个本身有很多插件、模版生态的Wordpress。
先把WordPress在机器上安装好，就可以直接干活了。
3，我们采取直接在Wordpress的基础上开发一个插件的方式，实现运营人员在标题输入书名后，可以自动生成一篇符合要求的文章。
把这个需求细分下来就是：
-确定一家大模型产品的API，比如我选了月之暗面的（platform.moonshot.cn），需要去申请一个API Key。
– 确定你的插件是自己用还是给很多人用，区别就在于自己用可以直接把key和提示词都写死在文档里都无所谓，要是给别人也能用，那最好是在后台可以单独输入key和提示词。我选择的是后者。
4，我把这个需求抛给AI：
这里为了防止产生歧义，更建议你把月之暗面的接口文档里的事例也一并发给它。
如果是新手，这个过程并不会太顺利，需要多次修正。（所以尽可能表达清楚，就好像你是产品经理在给一个只按你需求文档干活的研发一样，细致些）
很快插件就写好了。
启用后，后台会有一个设置的选项，你可以在这里输入关键信息：key和提示词。
然后问题就来了，写文章的时候，并没有看到生成文章的按钮～再次跟AI对话：
调试后，文章编辑页面出了按钮～⬇️
但是报错～继续给它下命令，尽可能提供多的提示：
发现是对月之暗面的API写法理解错误，我给了它一个官方事例才修正。
5，最终效果如下：
文章标题输入「三体」，点击生成按钮，内容会自动显示到正文区域，点击发布即成功。
前端效果，⬇️
不同终端的效果。（点击左下角原文阅读可以看下效果）
6，因为我直接用的Wordpress默认模版，所以在前端上并没有下功夫，在你的实际使用过程中，是可以搭配着 bolt.new 或者 v0.dev 来使用的。
找一个你喜欢的设计图，或者截取你喜欢的网页风格，提交给它们，让它们写。
写完之后，可以复制到Windsurf的项目列表里，跟AI说，让它按照你新提交的这个html5文件的样式去替换当前模版的样式，它会执行的很好，大大降低你自己亲自动手。
插件地址我放这里了，有Wordpress的可以试试：
https://zlbigger.com/ai/moonshot-content-generator.zip
一点小总结
上面是一个相对简单的过程演示，其他的可以再次基础上扩展。
将自己定位为“产品经理”，AI为“执行型开发”，尽量用清晰的提示词引导审知描述预期效果。
将需求分解为尽可能小的功能点，尽可能附带参考资料和示例。
将任务分成多步，每步测试是否符合预期，避免一步生成复杂代码导致难以排查问题。
错误不可避免，多和AI对话，提供更详尽的反馈，尤其是涉及到API时，及时参考官方示例修正调用逻辑。
每个工具在不同场景下的表现不一样，多尝试能找到最佳搭配。
跟踪AI编码工具的发展，保持开放和学习的心态，不断尝试和探索新的可能性。
我说那么多没用，你看那么多也没用，动手试试最有用，现在的好处就是到处都是现成的零配件，你可以随时动手装出你想要的东西。
相信你，也可以的。
最后附上一些工具的表现效果：
附：
来源：https://mp.weixin.qq.com/s/En2s6gJUNvYuHgiicIy5Rw
本文地址：https://www.163264.com/10209