在繁忙的工作之余,我利用碎片化的时间,完成了一个小突破放弃手动敲代码,用 AI 工具从 0 到 1 ,成功的完成了 100 个网页小工具的开发。我是一个对网页开发是完全不会的小白,主业所用到的编程语言,对于网页的开发是完全起不到帮助的。直到接触到 AI 编程,让一个零基础的普通人,能够成功地开发出在线小工具,不需要写任何一行代码就能实现。从第一个工具的磕磕绊绊,到最后完成 100 个工具开发,这一路,我不仅做出了 100 个能用、好用的网页小工具,更收获了远超工具本身的成长。
先说说这 100 个网页小工具,到底做了些什么?
这 100 个网页工具,没有什么很复杂工功能,都是日常生活工作能使用到的“小而美”工具,覆盖了办公效率、学习辅助、日常便捷三大类,每一个都能解决一个具体的小痛点。
比如 PDF 增删提工具、图片拼接工具、图片格式转换、SQL 格式化工具、智能待办清单等等。
每一个工具都是根据自己身边的需求开发,如果全靠靠手动敲代码,我估计一年都做不完。
放弃手动敲代码,AI 到底帮了我多少?
现阶段,不要以为 AI 能够直接写出完美代码,然后你什么都不用做,其实使用 AI 能够高效开发助手,而我学会了如何的与 AI 高效配合。
使用 AI 开发,只需要做 3 件事,就能快速完成一个工具的开发:
第一步,明确需求
需要写精准的提示词,比如“帮我生成一个番茄时钟的网站,配色风格参考苹果官网,适配电脑和手机端,用 HTML 实现”。
第二步,生成基础代码,需要负责“挑错+优化”
AI 能够快速的生成代码,但是也会出现些 bug,比如说点击按钮无响应、无法加载图片等等问题。这时候就需要让 AI 进一步的修复,使用工具更加完善。
第三步,发布上线
这里使用的是第三方发布平台,就能够分享给朋友使用,得到反馈后使用 AI 再进行优化。
有需要的小伙伴,可通过扫码进行注册(最主要的是有免费额度),即可上传文件进行发布。

除了 100 个工具,我真正收获的是什么?
说实话,100 个网页小工具本身,只是一个量化的数据,在这之中可能完成的不仅仅 100 个工具。有时候有些工具需要推倒重来几遍,才能达到自己的要求。
正是这段经历,给我带来了几点收获。
第一个收获,以前总觉得,每一个工具都需要有专业的程序员来完成,现在一个非专业人士,使用 AI 也能成功的完成开发。只要学会使用工具,就能完成很多以前不敢想的事。
第二个收获,解决问题的能力,用 AI 来开发,让我更加的关注怎么解决用户需求、怎么让工具更好用。从找需求到调试优化,每一个环节都在锻炼解决问题的能力。
最后,想和大家说的心里话
从制作第一个工具,到完成 100 个工具,最大的感悟就是:“AI 时代,会用工具,借助工具提升效率更重要。”
AI 的快速发展,不用在执着于手动敲代码和专业编程知识,才能够完成开发。而是学会借助 AI 的力量完成开发,把精力放在更有价值的事情上。
目前,这 100 个网页小工具已经全部上线,后续还会优化相关细节,也会继续开发更多实用的小工具。大家如果有想用到的小工具,都可以在评论区留言,我们一起交流、一起成长。
最后,愿我们都能在 AI 时代,学会借力,打破自我设限,只有行动起来,就会有所收获。
PS:后台回复“工具集”,即可获取所有网页小工具的入口,欢迎大家体验~