耗时1天,我用Cursor开发了超好用的图片压缩工具!

AI 时代程序员必备技能

Codex、Claude Code、Cursor、Hermes Agent、OpenClaw等工程化实战专栏 ,讲透 AI 如何接管脏活累活

⭐️盼君,一个会编程的小姐姐!

头像合集.png

大家好,我是盼君。目前专注于AI编程+RPA+AI智能体的开发,致力于将前沿技术转化为实际生产力。我将持续分享各领域的小工具开发案例,目标至少实现100个!

案例分享:图片压缩工具(1/100)

今天使用Cursor开发了一个超好用的的图片压缩工具,最终的效果就像下面这样啦!

obsidian_images/Pasted image 20250625230929.png

如果没有AI编程,我绝对做不出来这么棒的软件!也绝对没有这么快的速度!

当然,在大神们的眼中我的速度并不算快,但是对于我个人来说,足够好了~

现在就来给大家分享一下,整个开发的过程。

灵感来源

最近在学习一个项目——《AI表情包》,将做好的表情包上传到微信表情开放平台。然而,平台对于表情包的图片尺寸、文件大小,都有要求。

obsidian_images/Pasted image 20250625234203.png

然而,我用豆包生成的图片,尺寸和大小都不符合。

obsidian_images/Pasted image 20250625234311.png

那么图片到底怎么压缩呢?我其实有个秘密网站,那就是 https://compressor.io/

它的压缩速度快、效果也好。对于我平时使用量少,用用挺好,这次图片数量比较多,居然发现,它每次最多上传10张图片,每天上传最多50张图片。上传了,也还需要下载,有点麻烦。

于是便产生了【我若是可以复刻一下这个网站就好了】的念头,毕竟图片压缩,这个功能使用的还挺频繁的!

有了想法,就去行动!

打开Cursor 开始工作

于是就有了我与Cursor的漫长交流过程,这里就省去一些重复步骤,仅保留几段主要工作,让你们了解一下开发的迭代过程。

首先我让豆包写了一个版本的需求。

obsidian_images/Pasted image 20250625235315.png

主要目的,就是把我天马行空的想法转换成格式化的文档,方便理解。

obsidian_images/Pasted image 20250625235441.png

V1 版本开发

有了豆包生成的需求文档之后,就用 Cursor打开一个新文件夹,引用这个需求文档。

  • 1

新开一个文件重写我的需求,我希望这个项目最后可以打包成exe文件,直接都用python来实现,要高级有质感(运用玻璃拟态等视觉效果),遵守设计规范,注重UI细节。图片压缩功能——1) 可以选择图片、选择文件夹,最终的效果,需要显示 压缩前的大小、压缩后的大小, 然后 由用户决定是否 保存,效果像截图所示。 use context7 

当我输入指令后,Cursor就开始给我设计详细的需求文档,内容包括:项目定位、功能需求、技术方案、UI/UX设计规范 、版本与可打包行、验收标准、参考界面等。

obsidian_images/Pasted image 20250626000420.png

非常详细,可操作性特别的强!不过我对于里面的细节还是有自己的想法,又与它交流了几轮,它让修改了一下需求文档的细节。

确认需求文档后,就开始让它设计了!

obsidian_images/Pasted image 20250626000957.png

接下来就是Cursor的实现方案了。这里有个细节,我只提了要求,没有说“直接生成代码”,它就只会告诉我怎么做,而不会帮我做。 先看了它的方案后,确认无误,可以写“生成代码”,它就会继续进行。

它生成代码的过程是一次完成一部分功能,然后再给出下一步的建议。同意它的想法,直接写“继续实现”。

obsidian_images/Pasted image 20250626001327.png

等它生成完成以后,我就可以开始运行一下这个项目了!

如果不会运行,问它怎么运行就好,按照它说的步骤去执行程序。

obsidian_images/Pasted image 20250626001920.png

若是有bug,就把错误发给它,让它修改。

obsidian_images/Pasted image 20250626002252.png

若是有功能不满意的地方,就把要求发给它,让它修改。

obsidian_images/Pasted image 20250626002236.png

到这里,我们的初始版本其实已经完成了!

V2 版本迭代

但是这个版本满足我的需求了吗?没有!

经过实际的测试,我发现同一张图片在  https://compressor.io/ 和 Cursor开发的压缩图片工具中的最终效果差距太大了!于是只好进行第二轮的开发了!

obsidian_images/Pasted image 20250626002438.png

Cursor 给了我一些非常有用的建议。

obsidian_images/Pasted image 20250626002805.png

我根据它的建议,去做了技术栈的选择!

obsidian_images/Pasted image 20250626003114.png

N 轮专业的对话之后,再次进行运行测试,再对测试的结果不满意的地方,让它进行修改。

……

如果功能没有什么问题了,我们就可以进行打包。打包过程中出现的错误,继续让它改。

obsidian_images/Pasted image 20250626003641.png

好了,这里我就不写了。

V3~Vn 版本迭代

接下来的迭代过程,就属于一个专业产品经理与一个专业程序员之间的细节较量了!

比如按钮的可用性,进度条的正确性,计时器,查看图片,对比原图,优化性能等等。这里就不一一列举了。

obsidian_images/Pasted image 20250626003744.png

这一块关于功能性的拉扯,我是运用到了我作为一个程序员的编程经验,指导它应该去改哪里了!

最终效果

obsidian_images/Pasted image 20250626004645.png

好了,本次分享就到这里了!

⭐️关注盼君,你将发现一个有趣的世界。

文章推荐

AI 时代程序员必备技能

Codex、Claude Code、Cursor、Hermes Agent、OpenClaw等工程化实战专栏 ,讲透 AI 如何接管脏活累活

内容概要:本文档详细介绍了基于直驱永磁同步发电机(PMSG)的1.5MW风力发电系统在Simulink环境下的建模与仿真全过程,涵盖了风力机空气动力学模型、PMSG电磁特性建模、不可控整流与逆变电路、直流环节、空间矢量脉宽调制(SVPWM)技术以及核心控制策略的设计。重点实现了最大功率点跟踪(MPPT)控制以提升风能捕获效率,并构建了电压外环与电流内环协同工作的双闭环控制系统,通过仿真验证了系统在不同风速条件下稳定运行的能力及动态响应性能。; 适合人群:适用于具备电力系统、电机控制理论基础及Simulink仿真操作经验的研究生、科研人员和从事新能源发电系统开发的工程技术人员;特别适合正在进行风电系统建模、控制算法研究或完成相关毕业设计的专业人士。; 使用场景及目标:①深入理解直驱式PMSG风力发电系统的整体架构与工作机理;②掌握从物理部件建模到控制策略实现的完整Simulink仿真流程;③学习并复现MPPT控制、双闭环控制等关键技术方案;④为后续开展低电压穿越、并网稳定性分析、故障诊断等高级课题提供可靠的仿真平台支撑。; 阅读建议:建议结合Matlab/Simulink软件动手实践,逐模块搭建模型,重点关注各控制环节的参数设计与调试方法,同时可参照文中提供的其他风电相关资源进行拓展学习与对比分析。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值