前浪：不懂代码的人，怎么用AI从0做出一个音乐网站

前浪：不懂代码的人，怎么用AI从0做出一个音乐网站 前浪：不懂代码的人，怎么用AI从0做出一个音乐网站 Modified January 15 系统设计：领域知识的数字化 有用的经验：把你的领域知识结构化，然后喂给它。 你脑子里的经验、你积累的资料、你踩过的坑，这些才是最值钱的东西。没有这些，AI只会给你生成正确的废话。 我的一个学生想用Suno做一首很燃的歌，提示词也写了热血，结果Suno给他生成了一首土味DJ。不是AI不行。是他不知道“热血”在音乐术语里可能对应的是“Orchestral, Brass Section, Heavy Drums”。 这就是我做这个工具的起点。 在开发初期，最大的挑战不是写代码，而是如何将音乐理论投给 AI。 音乐风格太多，AI自己生成会出现风格错乱等问题。我整理了一份音乐风格词库，包含了13种对现代音乐史有重要影响的元风格和80多种子风格。20种融合风格。并描述了所有风格的核心特征。 把文档投给Gemini，让它把文档内容转成JSON代码。 我还设计了一个叫听觉调味罐的板块，用户可以往提示词里添加一些元素，比如吉他独奏、鼓点过门、和声铺底。这些会让生成的音乐更有细节。 但同时出现了另一个问题：用户拿到Guitar Solo这个词，不知道该往哪放。加在开头？加在结尾？还是随便加？放错了，Suno根本不理你。 于是我让Gemini设计了一个功能，鼠标放在元素上，会直接显示放置建议： 🌞 [Guitar Solo] 建议位置：[Chorus] 之后或 [Bridge] 之前 就这么一行字，这个工具从词典变成了老师。 所以，没有领域知识，AI只会生成正确的废话。 什么时候该做减法 整个搭建过程中最崩溃的是歌曲结构开关那个功能。 我的设计是：做一个开关，打开后，生成的提示词会自动变成 [Intro] [Verse] [Chorus] 那种结构格式。Suno需要这个，Udio不需要。 这个开关我跟Gemini改了四五版，发给v0执行，要么点了没反应，要么跟别的功能打架。 改到第五版的时候，我盯着屏幕，认真想一个问题： 我是不是在浪费时间？ 那天晚上我没再改代码。 我去洗了个澡，问了自己一个问题： 用户真的需要一个开关吗？ Suno用户都需要结构。Udio用户都不需要。这根本不是一个需要"让用户选择"的问题。 第二天我回来，让Gemini把开关删掉。换成一个简单粗暴的逻辑： 选Suno→点按钮→强制输出结构。选Udio→点按钮→只输出标签。 不给用户选择。直接把逻辑写死在按钮里。 一次跑通。 AI能帮你实现任何功能，但它不会帮你判断这个功能值不值得实现。 做加法是AI的事，做减法是你的事。 我遇到的两个坑 1. 先做出来，再说好不好看。 我一开始也很纠结做出来好不好看、完不完整的问题。在一开始的构想上，花了很长时间，甚至看着我丑得像Windows 98的第一版，就想放弃了。但我后来发现，比起好看，做出来才更重要，虽然现在这版也谈不上精致。但它能用。 能用就是起点。 2. 如果面向国内用户，记得买个域名。 网站做完，我兴冲冲地把链接发给朋友。他说：打不开。我一查才知道：vercel.app 这个后缀在国内打不开。 解决方法很简单：买一个自己的域名，绑定到Vercel。 我在 NameSilo 花了不到15块钱买了个 .top 后缀的域名，按照Gemini给的教程改了DNS设置，等了半小时，国内就能访问了。 如果你也打算做一个面向国内用户的工具，记得买域名。 写在最后 这个网站现在还很粗糙。功能不多，界面一般，移动端体验也有问题。 但每次看到它能跑起来，我都会想一件事： 在这之前我还觉得做网站是程序员的事。现在它就在那，有人在用了。 工具地址再放一遍：https://www.qianlangai.top/ 如果你在用的过程中发现哪里反人类，评论区告诉我，我继续改。 之后计划会继续迭代的几个功能： 1. 移动端的美化与调整 2. 听觉化标签：鼠标悬停到声音标签后会听到一小段示例声音 3. 进阶控制层：歌词节奏对齐器 作为音乐老师，我的资产是乐理；你的呢？欢迎在评论区聊聊。 系统设计：领域知识的数字化 有用的经验：把你的领域知识结构化，然后喂给它。 你脑子里的经验、你积累的资料、你踩过的坑，这些才是最值钱的东西。没有这些，AI只会给你生成正确的废话。 我的一个学生想用Suno做一首很燃的歌，提示词也写了热血，结果Suno给他生成了一首土味DJ。不是AI不行。是他不知道“热血”在音乐术语里可能对应的是“Orchestral, Brass Section, Heavy Drums”。 这就是我做这个工具的起点。 在开发初期，最大的挑战不是写代码，而是如何将音乐理论投给 AI。 音乐风格太多，AI自己生成会出现风格错乱等问题。我整理了一份音乐风格词库，包含了13种对现代音乐史有重要影响的元风格和80多种子风格。20种融合风格。并描述了所有风格的核心特征。 把文档投给Gemini，让它把文档内容转成JSON代码。 我还设计了一个叫听觉调味罐的板块，用户可以往提示词里添加一些元素，比如吉他独奏、鼓点过门、和声铺底。这些会让生成的音乐更有细节。 但同时出现了另一个问题：用户拿到Guitar Solo这个词，不知道该往哪放。加在开头？加在结尾？还是随便加？放错了，Suno根本不理你。 于是我让Gemini设计了一个功能，鼠标放在元素上，会直接显示放置建议： 🌞 [Guitar Solo] 建议位置：[Chorus] 之后或 [Bridge] 之前 就这么一行字，这个工具从词典变成了老师。 所以，没有领域知识，AI只会生成正确的废话。 什么时候该做减法 整个搭建过程中最崩溃的是歌曲结构开关那个功能。 我的设计是：做一个开关，打开后，生成的提示词会自动变成 [Intro] [Verse] [Chorus] 那种结构格式。Suno需要这个，Udio不需要。 这个开关我跟Gemini改了四五版，发给v0执行，要么点了没反应，要么跟别的功能打架。 改到第五版的时候，我盯着屏幕，认真想一个问题： 我是不是在浪费时间？ 那天晚上我没再改代码。 我去洗了个澡，问了自己一个问题： 用户真的需要一个开关吗？ Suno用户都需要结构。Udio用户都不需要。这根本不是一个需要"让用户选择"的问题。 第二天我回来，让Gemini把开关删掉。换成一个简单粗暴的逻辑： 选Suno→点按钮→强制输出结构。选Udio→点按钮→只输出标签。 不给用户选择。直接把逻辑写死在按钮里。 一次跑通。 AI能帮你实现任何功能，但它不会帮你判断这个功能值不值得实现。 做加法是AI的事，做减法是你的事。 我遇到的两个坑 1. 先做出来，再说好不好看。 我一开始也很纠结做出来好不好看、完不完整的问题。在一开始的构想上，花了很长时间，甚至看着我丑得像Windows 98的第一版，就想放弃了。但我后来发现，比起好看，做出来才更重要，虽然现在这版也谈不上精致。但它能用。 能用就是起点。 2. 如果面向国内用户，记得买个域名。 网站做完，我兴冲冲地把链接发给朋友。他说：打不开。我一查才知道：vercel.app 这个后缀在国内打不开。 解决方法很简单：买一个自己的域名，绑定到Vercel。 我在 NameSilo 花了不到15块钱买了个 .top 后缀的域名，按照Gemini给的教程改了DNS设置，等了半小时，国内就能访问了。 如果你也打算做一个面向国内用户的工具，记得买域名。 写在最后 这个网站现在还很粗糙。功能不多，界面一般，移动端体验也有问题。 但每次看到它能跑起来，我都会想一件事： 在这之前我还觉得做网站是程序员的事。现在它就在那，有人在用了。 工具地址再放一遍：https://www.qianlangai.top/ 如果你在用的过程中发现哪里反人类，评论区告诉我，我继续改。 之后计划会继续迭代的几个功能： 1. 移动端的美化与调整 2. 听觉化标签：鼠标悬停到声音标签后会听到一小段示例声音 3. 进阶控制层：歌词节奏对齐器 作为音乐老师，我的资产是乐理；你的呢？欢迎在评论区聊聊。 💫 作者：前浪 原文链接：https://mp.weixin.qq.com/s/Nx22Bce6ZDI1Ib Mj0QOkQ?scene=1&click id=1 作者：前浪 原文链接：https://mp.weixin.qq.com/s/Nx22Bce6ZDI1Ib Mj0QOkQ?scene=1&click id=1 💫 该网站由前浪老师使用AI从0到1进行开发，这对于想要玩AI音乐的朋友来说，是个很不错的工具，里面不仅能生成热门AI音乐工具相关提示词，还有相关的风格介绍，感兴趣的朋友可以点击下面链接尝试！ 另外，前浪老师也整理了一套详细的风格文档 音乐风格提示词库 音乐风格提示词库 该网站由前浪老师使用AI从0到1进行开发，这对于想要玩AI音乐的朋友来说，是个很不错的工具，里面不仅能生成热门AI音乐工具相关提示词，还有相关的风格介绍，感兴趣的朋友可以点击下面链接尝试！ 另外，前浪老师也整理了一套详细的风格文档 音乐风格提示词库 音乐风格提示词库 https://www.qianlangai.top/ AI Music Prompt Station v13.0 FINAL Generate perfect music prompts for Suno, Udio, and Mureka with 13 genre categories, Classic Fusion Gallery, and Fusion Lab 写在前面 你是不是也有过这种时刻？脑子里有个想法，但想到要写代码就放弃了。 我是一个音乐老师，不懂代码，就连HTML是什么都说不清楚。前段时间，我做了一件以前想都不敢想的事：从0开始花了不到两天上线了一个网站。 这篇文章想聊的是这件事到底是怎么发生的，中间有多少次我差点放弃，又是什么让我最终做出来了。 如果你在某个领域有积累，脑子里有想法，但总觉得我又不会开发，这篇文章会告诉你三件事：怎么让AI互相配合、怎么把领域知识喂给它、以及我踩过哪些你可以直接跳过的坑。 我的工作流：Gemini负责思考，v0负责执行 有用的经验：找一个能用中文沟通的AI当翻译官。 v0可以生成网页。但它更认代码，不认我的中文描述。而且一旦出了bug，我没有能力用技术语言告诉它哪里错了。 于是我用Gemini来做我的翻译官，当然你用DeepSeek也行。用它来帮你把模糊的需求翻译成代码，v0、Cursor这些工具负责执行。你不需要懂代码，但你需要一个中间层帮你和代码对话。 打开两个窗口： • Gemini负责整理翻译。用中文描述需求，让它理清逻辑，生成代码。 • v0负责施工。它不需要理解你想干什么，它只负责把代码变成网页就行。 整个开发过程，我没写过一行代码。我做的事情是： 跟Gemini聊需求→它生成代码→我复制给v0→看效果→发现问题→回到Gemini描述问题。 循环往复。爆肝一天。十几个版本。