我是大瑜，1个工作十年的程序员。AI编程的资深玩家。

一、工具起因

上次在群里看到有一个群友说现在去除满屏水印的小工具比较缺少。觉得这个需求比较简单，于是就准备用cursor做一个。

先看效果，（左侧原始图片是在其他论坛拿到的，右侧是自己生成的）。还是不错吧！

估计现在好多做自媒体的都缺这个工具。下面就写出我做这个工具的总体流程。

附上体验地址：www.aluowang.top

二、实现过程

对于这类去水印的工具一般有python算法程序可以生成，但是效果不是很好。

经过搜索发现阿里大模型百炼平台也有去水印的api提供，1个用户可以免费额度500次。于是大致读了一下API文档。

文档地址：https://help.aliyun.com/zh/model-studio/wanx-image-edit-api-reference?spm=a2c4g.11186623.0.0.6db04e25kQQVZM#6e50f7fed09sg

第一步：整理总体架构图

根据文档的描述，我整理了下面的架构图，这样整体流程就比较清晰了，后续在开发的时候也不会有

暂时无法在飞书文档外展示此内容

第二步：整理开发流程

根据架构图，我们知道要做四步处理：1、图片分辨率转化；2、图片上传到临时空间并返回url地址；3、调用去水印接口；4、根据上一步返回的url，下载具体的图片。

第三步：用cursor开发前端界面

这一步最简单了，就是写提示词，我们新建两个目录，分别是前端和后端，便于管理。

接下来就是提示词环节，大瑜一直喜欢新建一个istruction.md写提示词。

当然，我这里用的是nodejs实现的，python我也实现了一份，基本上流程都差不多。

当然遇到直接调用阿里的api，我就直接复制代码样例到界面中。然后就是漫长的等待。

大概3分钟之后就生成了。

接下来就是在frontend中，生成前端界面，因为前端页面比较简单。我们可以这样对cursor说。

很快，前端就完成了。

三、项目部署

项目部署，我采用了nginx部署，前端打包托管到nginx，nginx配置代理访问访问backend。

至于nginx的配置文件怎么写，我们直接问cursor。

这时候就会出现一个nginx配置，修改我们项目的目录即可。第一个红框是前端打包地址，第二个是后端地址。

最终的效果如下，各位还满意吗？

上图是初始上传图片的界面，下图是去除水印后的界面。

四、中间遇到问题

1、刚开始没图片像素做处理，导致图片去水印失败。最后看文档发现要对文档进行处理。满足512-4096限制的要求，因此我在提示词中这样约束cursor。

2、使用临时访问地址，一直报错图片处理失败。最后发现文档有这么一行字，真的很气人。

因此这样对cursor说。

3、遇到cursor解决不了的问题，直接把代码丢到其他大模型中，给出结论再让cursor出来。

中间遇到上传图片要点击两次的问题，问cursor四次都没改成功，于是我把对应的代码丢给claude大模型。

接下来将claude提供的建议再发给cursor，问题顺利解决。

tips：cursor里面用claude4.0和真实用claude客户端工具的效果还是不一样的。相对而言，对于错误的理解，cluade客户端还是略胜一筹。

五、后续计划

这个软件准备继续优化，完成小程序版本。同时加上更多的AI图片处理功能。

其实做了这么久AI编程，最大的问题已经不是编码层面了。

重要的是对问题的拆解能力，只要拆得够好、大模型理解得当，生成的代码已经不差。

当然有问题，欢迎私聊大瑜。