乐于分享
好东西不私藏

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

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写代码能够把最枯燥的东西留给机器,让人能够专注于更深层的需求。

点击 阅读原文即可访问