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。