【AI】全程手机操作,我使用IM+OpenClaw+AI编程打造了一款线上语法检查工具

0 阅读3分钟

前言:

最近一直在学习英语,天天背单词学语法,虽然经常今天背了新单词就忘了昨天背的旧单词,但是坚持下来也还是会有一些收获。

简单的,我通过单词融入到吃饭、出行等具体场景也还是可以记得牢一些,比如出门坐车是bus、subway或者taxi,单词和场景对上就会在大脑里连接,但是这种模式从单词过渡到句子就容易被困住了,还是出门坐车的例子:我坐地铁去公园,初学者可能会说:I go to park by subway,实际通过正确的应该是I go to a park by subway或者I go to the park by subway,每次想用英语组织句子时总会担心语法是否有问题,所以自己动手做了一个英文语法检查的工具-Grammar Checker。

整体功能其实很简单,输入需要检查的英文句子并点击检查,检查服务拿到句子并做语法分析返回正确的句子和具体的语法错误及解析,如此简单。

如果正常开发整个网站可能有经验的开发者也要在电脑面前一刻不停的肝半天到一天,但是我在沙发上通过Telegram机器人对接电脑安装的OpenClaw完成整个开发到上线才用了几个小时(当然前提是已经搞定了服务器和域名这些上线必备工具),出来效果免不了有ai味,但是功能完全可用,简直不要太爽了。

核心功能:

核心功能很简单就是用户输入英文句子 → 调用 AI → 返回正确句子和语法纠错结果。OpenClaw 帮我完成了三件事:

项目初始化:自动生成 Next.js 14 项目结构,配置好 TailwindCSS、TypeScript

API 层搭建:生成标准的 Next.js API Route 模板,连接大模型的API

Docker 部署配置:自动编写 Dockerfile 和 nginx 配置

整个项目结构如下:

grammar-checker/
├── apps/web/               # 主应用
│   ├── app/                # Next.js App Router
│   │   ├── page.tsx        # 主页面
│   │   └── api/            # API 路由
│   ├── components/         # React 组件
│   └── lib/                # 工具函数、API 客户端
└── packages/shared/        # 共享类型定义

实现流程:

  1. 给机器人交待具体任务 pasted-image-1774857142751.webp
  2. 本地开发完成可以打开http://localhost:3000看到页面及输入英文短句 pasted-image-1774857190253.webp pasted-image-1774858582940.webp
  3. 调整页面效果及语法检查功能 pasted-image-1774858378541.webp
  4. 确认所有功能完成后上传服务器 pasted-image-1774857253121.webp
  5. 最后成功上线,完成整体流程 pasted-image-1774857357446.webp

写在最后

从想法到上线就几个小时,

这听起来像是一个"神话",但在AI 编程时代,这正在变成"常态"。OpenClaw 帮我完成了 70% 的重复性工作,大模型API 处理了核心的语法分析能力,而我要做的,只是把这些"积木"拼在一起,并确保它们跑得稳、跑得快。

如果你也有一个想法,不妨也试试这条路——打开 OpenClaw,描述清楚需求,然后看着 AI 一行行帮你把代码敲出来。

谢谢大家看到这里,如果有想法或者有问题想交流可以留言或者私聊。

DEMO链接:grammar.koalakoala.cn