DOMPrompter 开发日记

这里不只放产品介绍,而是持续记录这个产品从需求、设计、实现、上架、运营到复盘的过程。每篇文章都会尽量还原真实决策和可复用经验。

设计系统 DOMPrompter · 01 · 立项:为什么前端微调需要可视化提示词 DOMPrompter 解决的是 AI 改前端时最常见的问题:描述不准、上下文不够、返工太多。 2026-06-19 架构实现 DOMPrompter · 02 · 核心体验:从点选元素到结构化上下文 点选只是入口,真正的能力是把元素、样式、层级和页面状态整理成稳定输入。 2026-06-19 AI 工作流 DOMPrompter · 03 · 提示词合约:把截图描述变成可执行修改 好的前端提示词像合约:目标、约束、文件范围、验收标准都要清楚。 2026-06-19 架构实现 DOMPrompter · 04 · 技术选择:桌面壳、本地截图和跨平台发布 DOMPrompter 更像开发者桌面工具,Electron 能降低浏览器、截图和分发的整合成本。 2026-06-19 设计系统 DOMPrompter · 05 · QA 方法:用它反过来打磨个人站 DOMPrompter 可以成为本站自己的设计 QA 工具,把真实问题转成开发任务。 2026-06-19 产品复盘 DOMPrompter · 06 · 产品边界:工具不替 AI 写代码,只补齐上下文 DOMPrompter 的定位越清楚,越容易成为 AI 前端工作流里的常用小工具。 2026-06-19 App Store DOMPrompter · 07 · 审核复盘:Settings 无响应和网页访问分级 DOMPrompter 0.1.0 被 Apple 指出 Settings 菜单无响应,并且需要把 Unrestricted Web Access 年龄分级改为 Yes。 2026-06-19