Vibe Coding实战：如何让AI融入任何写作工具？

每个自媒体人都希望在任何软件里都用上AI。

但现实却总有各种不便。

需求背景

好友七娘，问我有没有好用的AI辅助写作工具。

印象中就能想起来的有 lex.page 、notion.so、 Obsidian+Copilot插件等。

但她的需求：支持任何常用写作工具，比如Word...

哪怕她说苹果备忘录。

也都有专门的AI写作插件：ProNotes。

https://www.pronotes.app/

插件能给苹果备忘录加上Markdown（免费）和AI写作支持（付费）。

选中任何文本，就会出现工具条。

选“Ask AI”来做各种处理和生成任务。

灵感来了

ProNotes 给了我一些灵感。

让我想到Popclip这个Mac下的划词插件。

https://www.popclip.app

Popclip有各种各样的插件。

比如保存选中内容到苹果备忘录，划词翻译等。

我搜了一下，果然有类似插件：OpenAl Chat

安装后发现只支持ChatGPT。

且不支持自定义API URL，这就限制了使用场景。

比如我更喜欢Claude 4 sonnet和Gemini 2.5 Pro模型。

这俩模型在写作上都非常强！

用不上多可惜。

自己开发Popclip插件

Popclip插件开发非常简单。

以前写过一些自用插件。

只需要创建一个文件夹，里面放个指定结构的JSON文件（配置）。

再让AI写个主程序文件，一般用JS。

最后把文件夹改名为xxx.popclipext，就变成了Popclip插件，双击就能安装。

说干就干！

第一步：跟AI聊需求

打开Raycast AI，输入提示词：

两个技巧分享

给Github的仓库wiki

Devin团队把Github所有仓库都变成了Wiki文档。这对于Vibe coding非常方便。

比如我搜到Popclip的插件仓库。

https://deepwiki.com/pilotmoon/PopClip-Extensions

就可以地址给到 AI 做开发参考。

大模型调用参考

一般大模型平台都会提供调用样例，只需要复制Curl部分。

作为上下文给AI，它就懂以后怎么调用。

比如火山引擎的 API 调用

这里，我用 tu-zi.com 的API。

X上网友的平台，无论文本、图片还是音乐生成，各种顶级模型全都有。

最优秀的是价格非常便宜，一般是官网费用的十分之一。

它的Curl调用样例：

curl -s -X POST https://api.tu-zi.com/v1/chat/completions

-H "Content-Type: application/json"

-H "Authorization: Bearer 你的API key"

-d '{"model": “claude-sonnet-4-20250514”, "messages": [{"role": "user", "content": "Hello, how are you?"}]}' | head -c 300

未来要用n8n搭工作流，少不了要用各种API。

如果感兴趣，用我的邀请码 yyaz ，帮我回回血。

或直接复制下面链接注册。

https://api.tu-zi.com/register?aff=yyaz

第二步：把需求文档和代码交给Cursor

Cursor会一步步帮我们实现需求。

第一版很快，不到40分钟就搞定了。

但出于产品经理的本能，总是想加需求...

增加模型自定义（支持所有 AI 模型）

增加自定义提示词

增加最大Token配置

功能越加越多。

加上一些测试，不知不觉6个小时就过去了。

过程也有点曲折，比如：

Popclip内置了axios这个http请求库。

还是 AI 查官方文档发现的。

但Cursor下文空间有限，AI会忘记这个事儿。

对话到后面，就说代码写的不对。

重写后，把已经能运行的代码破坏掉。

气的忍不住骂了AI一通。

然后让它生成一个文件 DEVELOPMENT_NOTES.md

记录所有坑和最佳实践，避免反复犯同样的错误。

插件效果展示

1_p.mp4

说说怎么用

设置看起来有点复杂，都是为了扩展性。

对于懒人来说。

只需要申请tu-zi的API填进去就行。

项目开源地址

按照惯例，全部免费开源。

https://github.com/joeseesun/qiaomu-chat-popclip

同时提供了三个版本，懒人选第一个版本。

其他版本，可换图标改成其他AI辅助插件。

比如写个提示词专门用来生成标题。

比如调兔子API的Midjourney或flux生成图片。

比如调用Suno生成音乐等。

SVG矢量图标下载地址：

https://www.iconfont.cn/

后记

创新，往往不是从“我要改变世界”开始。

而是从“这个麻烦怎么解决”出发。

最初只是七娘的随口一问，现在成了完整的开源项目。

希望这个插件能对你有用。

或者更进一步。

下载插件源码，根据自己的需求，交给AI编程工具继续迭代。

让它成为你 Vibe Coding 的探索起点。

🔗 原文链接： https://mp.weixin.qq.com/s/yBUrLNND...

原创 向阳乔木 向阳乔木推荐看 2025年07月07日 18:51 北京