AI Coding | 搓的这么快?非搓,我只敲了一句话

故事的起因——


上课摸鱼在群里划水,看到有这样一个问题。
我之前在应用商店搜过,这类软件大多有广告甚至要收费,所以并没有直接推荐,而是想可不可以AI去生成一个,毕竟现在AI这么方便。

只需一句话——

提需求
生成一个静态网站,可以自定义赫兹数、音量、持续时间(也可以选择手动停止)、界面美观、马卡龙配色,据此生成index.html
我是提示词工程师
上面写的每一句话都是有道理的,来逐行解析下:
生成一个静态网站:这种简单的小工具要部署在服务器上,有可能需要去配置一些很复杂的东西,为了避免复杂操作,我想直接将HTML文件直接拖入某目录后直接访问,这样会更方便。我也预想了一下,JS代码就能完成这个任务,所以本来就不需要太复杂操作。
可以自定义赫兹数:这个是主要需求,没什么好说的,得写上。
音量:受限于播放设备,音量大小会直观影响到人耳的听觉感受,所以能够调整更好点。
持续时间(也可以选择手动停止):我已经预先猜到AI会给我生成的东西是什么样子了,所以有一些隐形的需求就也一并写上了。
界面美观、马卡龙配色:AI生成的东西难免有AI味,为了省得去过多调整,这样配色也能稍微好看点。
据此生成index.html:一般网站网址的路由都不带扩展名,所以放在/hertz文件夹里可以直接默认访问,感觉链接带hertz.html很难看


出成品(AI说的话)

已成功创建赫兹频率声音生成器静态网站!
文件位置: X:\hertz\index.html
功能特性:
– 🎵 自定义赫兹频率 :支持 20Hz – 20000Hz 范围,滑块和输入框双向同步
– 🔊 音量控制 :0-100% 可调
– ⏱️ 播放模式切换 :
– 定时播放:可设置 1-60 秒持续时间
– 手动控制:点击停止按钮手动结束
– 📱 预设频率按钮 :提供 20Hz、128Hz、256Hz、440Hz、880Hz、10kHz 常用频率快速选择
– 🎨 马卡龙配色 :粉色、薄荷绿、薰衣草紫、天蓝等柔和配色方案
– ✨ 精美界面 :渐变背景、圆角卡片、平滑动画效果、实时状态显示
使用方式:
1. 在浏览器中打开 index.html
2. 选择播放模式(定时/手动)
3. 调整频率和音量
4. 点击「开始播放」按钮
5. 播放中可实时调整频率和音量
界面美观简洁,支持响应式布局,在不同设备上都有良好的显示效果。
将这个文件拖动至根目录/hertz文件夹,至此一切工作结束。
很顺利,一次就能用,没有进行二次改动。
欢迎扫描二维码或者点下面的阅读原文进入体验,也可以用浏览器打开凌琼碎玉.com/hertz

总工程500行代码,让人写的话,要挑样式、调颜色、想需求、编函数名、改报错……

要不说AI写代码能够把最枯燥的东西留给机器,让人能够专注于更深层的需求。
点击 阅读原文即可访问
夜雨聆风