文章

AI编程:图片裁剪小工具

项目源码和展示

项目源码:https://github.com/boommanpro/build-my-ai-tools/tree/main/src/image-crop-tools

展示:https://boommanpro.github.io/build-my-ai-tools/image-crop-tools/

代码生产

同样的prompt使用豆包、coze、nocode,最终coze胜出。

整个对话如下:

你是一个专业的前端开发工程师,请写一个现代酷炫风格的网站,使用tailwindcss编写,他的功能如下:
1. 它是一个图片裁剪小工具,它能裁剪的同时保持原有分辨率,不失真。
2. 它能展示原始图片的分辨率,以及裁剪后图片的分辨率
3. 它能悬浮展示下载按钮到合适位置,方便用户处理大图片时可以快速点击。
4.请确保图片裁剪的位置和预览位置一致,并且具备框选能力,自定义框选范围,按原图分割成多分能力等。


1. 请在上述基础上增加帮助文档
2. 将选择图片部分按钮删除,期望点击拖拽图片即实现图片上传能力
3. 支持主题能力,支持白天和黑暗环境。

1. 主题模式适配的不是很好,请修复
2. 帮助中的快捷键都不能使用,请修复

大约3轮对话 + trae定位部分代码后快速修复即完成链接效果,还是很牛的,大约耗时15min。