🧐 我开发的 AI 文本纠错/润色工具 Text-Well 上线了~

前言

hello 大家好,我是 oil欧呦,最近 AI 编程工具 Claude Code 特别火,我也是第一时间用上了这个工具,为了深度的体验这个工具,我决定把我之前的一个点子给实现出来。这个点子是这样的,我作为一个开发者,平时会在类似掘金这样的平台写文章。而在工作中,我还是一个产品经理,平时处理很多例如产品设计文档、发版文档或者一些宣传类的文章。

每一次我在写好一篇文章或者文档后,就会让 AI 来检查一下有没有一些基础错误,例如错别字、语法错误、语句不通顺或者一些技术概念错误。我通常有两种让 AI 给检查的方式,第一种是让 AI 指出文章中的错别字,类似下图中的效果:

然后我们根据这个检查结果去手动修改文章。还有一种方式就是直接让 AI 给我修改后的整篇文章,这样就不用自己手动一个一个查找修改。如果是简单的文章还好,但是一些 markdown 格式的文章,或者包含一些代码格式的文章,如果直接让 AI 给出纠正后的结果,有可能会包含一些错误的纠正,即使选择一些比较好的模型也没法避免,如果要自己严格 review 纠正后的结果,从很长的一篇文章里纠正错误,那用 AI 优化反倒是适得其反了。

仅检查一些错别字,一些性价比比较高的模型也能做到,只是说会包含一些错误修改,我们要自己去甄别,那么是不是开发一个工具,让 AI 检查文本后,响应一个固定的格式,包含文本中的错误内容、错误位置以及纠正后的内容,这样我们就可以很方便的查看文章的哪个位置可以修改,并且选择是否要使用 AI 给出的内容进行替换。

在我的上一篇文章中,我实现了一个用 AI 检查错别字的脚本,可以批量检查很多个文档中的问题,这一次我是直接产品化的实现了一个网页工具,帮助我们进行文本检查,最终实现的效果是这样的:

欢迎大家访问 www.text-well.com 体验一下~

文本检查

进入 Textwell 后,右侧有一个编辑器,用于输入我们要检查的文本,左侧是一个工具栏,我们可以选择文本检查的类型,选择完成后就可以开始检查。

以基础纠错为例,我们点击开始检查就会进入一个加载效果,然后第一步会将当前的文本给分段,分段这一步也是通过 AI 来做的,我们可以看到分段的效果,然后系统会并发的针对这些分段基于我们选择的检查类型进行AI分析。

分析完成之后,左侧会有一个问题列表,右侧的编辑器中会把需要纠正的位置给高亮展示出来,这样我们就可以很直观的定位到哪些地方的文本是 AI 建议修改的。

左侧的问题列表和右侧的文本高亮是联动的,点击左侧的问题项会滚动到编辑器中对应文本所在的位置,点击右侧编辑器中的高亮位置,错误列表也会随着滚动到对应的问题项。

除了鼠标点击,我们也可以通过键盘快捷键的方式,更快速的去进行问题项的切换,具体的按键可以在底部栏查看:

检查完成后,我们可以通过点击具体问题项中的 应用忽略 按钮来决定要不要采纳 AI 给出的建议,点击应用就会将纠正后的内容替换到原始文本中,点击忽略就会把这条问题移除,如果 AI 给出的建议不好,你也可以点击编辑按钮,手动修改一下要替换的内容,再点击应用就替换进去了。

在我们应用了修改后,如果忘记修改了哪些内容,可以随时点击右上角的查看变更,点击后会弹出一个抽屉通过 Diff 的方式查看自己的文本哪些地方有变更:

核心的操作就是以上介绍的这些,除此以外,我在 Text-Well 中内置了一些常用的文本优化场景

除了以上五种,Text-Well 还支持自定义的规则,你可以根据自己的文风、预期的效果或者技术术语规范,自定义一个检查规则以满足自己的个性化需求。

如果大家刚刚进入系统,我还贴心的设置了引导,告诉大家每个功能的使用方式:

首页设计

除了核心的功能外,我还为 Text-Well 设计了一个和整体风格比较适配的首页:

整体的设计语言我是照着比较偏向简约扁平,偏向文本编辑工具的风格,以黑白灰配色为主,让大家能够聚焦在文本处理本身。首屏设计中,我将系统内的核心操作流程做成自动播放的动画,让大家一进来就能快速了解这个工具的作用和使用流程。

第二屏则是精炼了一下 Text-Well 的设计初衷,做了一个对比图,告诉大家直接使用 AI 优化文本和使用 Text-Well 优化文本的区别:

一些问题

目前 Text-Well 对于某些文本的检查效果可能不太好,受限于成本原因没法选择最顶级的模型,只能选择一些综合能力还不错的,性价比比较高的模型。

但也正如 Text Well 的设计初衷中,目前 AI 检查文本的效果还是有很大局限性的,AI 可能无法完全理解特定语境下的微妙含义、文化背景、专业术语或作者的独特意图。它更擅长处理普遍规则,而不是处理高度个性化或充满创意的表达。我会持续优化用于检查文案的提示词,并尝试使用各种更好的模型,争取在已有的 AI 能力局限中找到一个比较好的解决方案。

总结

目前网站刚刚上线,我设置了免登录每日有 5000 字符额度,登录后每日有 20000 字符额度,足够满足大家日常的文本纠错和优化需求了,如果大家对于 Text-Well 这个工具有什么建议,欢迎评论区分享或者直接私信我。

大家要是对它的技术实现或者如何使用 AI 开发这样的网站感兴趣,后续我会再出文章分享。如果文章对你有帮助,欢迎点赞,感谢大家支持 respect~

相关推荐
再学一点就睡2 小时前
手写 Promise 静态方法:从原理到实现
前端·javascript·面试
再学一点就睡3 小时前
前端必会:Promise 全解析,从原理到实战
前端·javascript·面试
前端工作日常3 小时前
我理解的eslint配置
前端·eslint
前端工作日常4 小时前
项目价值判断的核心标准
前端·程序员
90后的晨仔4 小时前
理解 Vue 的列表渲染:从传统 DOM 到响应式世界的演进
前端·vue.js
OEC小胖胖5 小时前
性能优化(一):时间分片(Time Slicing):让你的应用在高负载下“永不卡顿”的秘密
前端·javascript·性能优化·web
烛阴5 小时前
ABS - Rhomb
前端·webgl
植物系青年5 小时前
10+核心功能点!低代码平台实现不完全指南 🧭(下)
前端·低代码
植物系青年5 小时前
10+核心功能点!低代码平台实现不完全指南 🧭(上)
前端·低代码
桑晒.5 小时前
CSRF漏洞原理及利用
前端·web安全·网络安全·csrf