我用AI写了一个Markdown编辑器,全程没写一行代码
从一个想法到一个完整的桌面应用
最近我做了一件事:用 AI 从零开发了一个 macOS 桌面端 Markdown 编辑器 —— Mink。
不是用 AI 辅助写代码,而是全程没有手动写过一行代码。
所有的架构设计、功能实现、Bug 修复、样式调整,都是通过和 AI 对话完成的。我只负责提需求、测试、反馈问题。
这篇文章不是要吹 AI 多厉害,而是想分享一下这个过程中的真实体验。
一、Mink是什么?
Mink 是一个简约的所见即所得 Markdown 编辑器,基于 Electron + TipTap 构建。
它的核心特点:
-
• ✍️ 所见即所得 — 不用记 Markdown 语法,直接排版 -
• 🌗 三模式主题 — 浅色 / 深色 / 跟随系统,一键切换 -
• 📁 文件管理 — 侧边栏文件夹浏览,支持新建、重命名、删除 -
• 🤖 AI 集成 — 选中文字 AI 润色、翻译、续写,侧边 AI 对话 -
• 🔄 自动更新 — 内置更新检查,发现新版本自动下载安装 -
• 🌍 中英双语 — 完整的国际化支持
二、为什么要做这个?
市面上不缺 Markdown 编辑器。Typora、Obsidian、Bear——都是优秀的产品。
但我想验证一件事:
不写代码,能不能只通过 AI 对话,做出一个可用的桌面应用?
答案是:可以。
当然,”可用”不等于”完美”。过程中踩了不少坑,但最终确实做出来了一个功能完整、可以日常使用的编辑器。
三、开发过程
第一阶段:搭框架
我告诉 AI:”用 Electron + Vite 搭一个 Markdown 编辑器的框架,要有侧边栏、编辑区、状态栏。”
AI 生成了完整的项目结构、配置文件、主进程和渲染进程代码。第一次运行就能看到一个基本的界面。
第二阶段:核心编辑
接下来是 TipTap 编辑器的集成:标题、列表、代码块、表格、链接、图片……每个功能都是一轮对话。
我会说:”加一个任务列表功能,要能勾选。”
AI 就会修改对应的代码,装上需要的插件,调好样式。
第三阶段:打磨细节
这个阶段花的时间最多。比如:
-
• “侧边栏的灰色太深了,要再淡一点” -
• “菜单里怎么有英文?应该全部是中文” -
• “关于界面要显示 logo 和官网链接” -
• “这个快捷键跟系统冲突了”
每一个细节都是一轮对话。AI 改了,我测试,发现问题再反馈。
第四阶段:AI 功能
最有意思的部分——给编辑器加 AI 能力:
-
• 选中文字,弹出工具栏,可以让 AI 润色、翻译、解释、续写 -
• 侧边聊天面板,随时跟 AI 对话 -
• 支持 OpenAI、Claude、Ollama 多个 AI 提供商
用 AI 开发的编辑器,又集成了 AI 功能。 套娃了属于是。
第五阶段:发布
打包成 DMG,上传到 GitHub Release,配置自动更新——整个发布流程也是 AI 完成的。
四、踩过的坑
过程并非一帆风顺,记录几个典型的问题:
1. 启动白屏(FOUC)
Electron 窗口创建后立即显示,但 CSS 还没加载完,导致用户看到一闪而过的白色页面。AI 的第一个方案没生效,反复调试了几轮才解决——用 ready-to-show 事件代替 did-finish-load。
2. 快捷键冲突
AI 补全功能最初设置为 Ctrl+Space 触发,但这在 macOS 上是切换输入法的快捷键。改成了 ⌥/。
3. 菜单翻译不生效
Electron 的 role 属性会强制覆盖自定义的 label。”切换全屏”和”开发者工具”始终显示英文,最后去掉 role,改成手动实现功能才解决。
4. 两份 i18n
主进程和渲染进程各有一份独立的国际化文件,加翻译只加了一份,另一份忘了。这种”两处维护同一逻辑”的问题,AI 也会犯。
五、一些感受
AI 擅长什么:
-
• 快速搭建项目框架 -
• 实现具体功能(给出需求就能写代码) -
• 修复明确的 Bug
AI 不擅长什么:
-
• 审美判断(”这个颜色好不好看”它没法判断) -
• 全局一致性(改了 A 忘了 B) -
• 理解隐含需求(你得把想要的效果描述清楚)
我的角色是什么:
-
• 产品经理:决定要做什么 -
• 测试工程师:验证做得对不对 -
• 用户:感受体验好不好
代码本身?一行都没写。
六、最后
Mink 已经开源,代码在 GitHub 上:
🔗 GitHub: https://github.com/irwinai/Mink
🌐 官网: https://website-xi-jet-21.vercel.app/
如果你也想试试用 AI 做一个自己的应用,Mink 的整个开发过程可以作为参考。
不需要会写代码,但需要知道自己想要什么——这可能是 AI 时代最重要的技能。
本文由 Mink 编辑器撰写。对,连写文章用的编辑器,也是 AI 做的。

END
来源:艾小仙
夜雨聆风