Python
Opencode 的 4 个 Skills 组合，高效掌控 AI 开发流程
Skills：AI 开发流程的技能增强器 Skills 是一种技能增强器，可以理解为升级版的提示词。它的文件记录了某个 Skill（技能）的元信息，包括描述这个 Skills 的名称等信息，以及技能实现步骤。 以下 4 个 Skills 在 AI 项目开发中必不可缺。引入这 4 个 Skills，可以更方便地介入 AI，控制 AI，给 AI 制定边界。 将使用一个 音乐机器人项目 开发来介绍这…
Skills：AI 开发流程的技能增强器 Skills 是一种技能增强器，可以理解为升级版的提示词。它的文件记录了某个 Skill（技能）的元信息，包括描述这个 Skills 的名称等信息，以及技能实现步骤。 以下 4 个 Skills 在 AI 项目开发中必不可缺。引入这 4 个 Skills，可以更方便地介入 AI，控制 AI，给 AI 制定边界。 将使用一个 音乐机器人项目 开发来介绍这…
Skills 是一种技能增强器，可以理解为升级版的提示词。它的文件记录了某个 Skill（技能）的元信息，包括描述这个 Skills 的名称等信息，以及技能实现步骤。
以下 4 个 Skills 在 AI 项目开发中必不可缺。引入这 4 个 Skills，可以更方便地介入 AI，控制 AI，给 AI 制定边界。
本文将使用一个 音乐机器人项目 开发来介绍这 4 个 Skills，如何介入 AI 开发流程，如何行云流水地控制 AI。
在我的项目中 .opencode 目录中存在 4 个 Skills，结合与 .opencode 目录同级的 AGENTS.md 文档（主控配置文件），作为 AI 开发流程的主控调度器，负责协调三个专业技能包（毒蛇产品经理、UI 设计师、全栈开发工程师、ui-ux-pro-max）。
其中 ui-ux-pro-max 技能包强烈推荐，能减少不少 UI 配色的塑料感。
dev-builder (全栈开发工程师)
/dev /run
ui-ux-pro-max (UI/UX 设计智能)
/dev
ui-prompt-generator (UI 提示词设计师)
/ui
product-spec-builder (毒蛇产品经理)
/prd
Product-Spec.md 和变更记录。作为'毒舌'产品经理，不接受模糊回答，直接指出问题。UI-Prompts.md 文件。opencode mac/win 版安装指令：
curl -fsSL https://opencode.ai/install | bash
npm i -g opencode-ai
免费的模型有：GLM-4.7、Grok Code，本次使用 GLM-4.7 模型。按 Ctrl + P 即可选择模型。
/prd毒蛇产品经理开始明确产品开发需求，产品经理会渐进式地追问你的开发需求。
我的开发需求：
我想做一个音乐视觉效果：根据音频的输入和音频中歌词的演唱，达到一个动画人物在自动演唱（有人物口型和表情、还有人物的一些演唱基本肢体动作）。
API 配置 - 视觉动作分析使用 qwen3-vl-plus，音频歌词识别 gemini_2_5_pro。
产品需求文档明确后，就会记录一条开发进度。
Skills UI 原型图提示词生成
UI-Prompts.md借助文档中的提示词 UI 原型图要求，并且使用 Skills 中的ui-ux-pro-max开发应用/dev
音乐机器人有音频歌词解析，歌词同步，就要接入一个音频分析模型，这里接入的
gemini2.5。 音乐机器人视觉效果接入的qwen3模型。
可以看看效果，比起平时我们前端开发出来的 UI 效果，是不是惊艳多了，配色、图形都没有 AI 的那种塑料感。
Skills 原本是在 IDE 编辑器中类似一个插件出现，只不过 Skills 它是以文件的形式来作为一个插件，然后这个插件可以对接 Claude、Opencode 这些 AI 平台。
Skills（毒蛇产品经理、UI 提示词设计师、UI/UX 设计智能、代码开发实现）优化项目开发流程，能显著提升效率和质量。
各技能模块化分工，减少沟通成本，确保需求从产品到实现的无缝衔接。自动化生成 UI 提示和设计，降低错误率；专业技能集成，保证产品符合最佳实践。并行处理任务（如提示生成与设计），加快开发周期；智能工具减少手动工作量。结合 UI/UX 智能和代码实现，推动创意落地，提升用户体验和产品竞争力。
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
解析常见 curl 参数并生成 fetch、axios、PHP curl 或 Python requests 示例代码。 在线工具，curl 转代码在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML 转 Markdown 互为补充。 在线工具，Markdown 转 HTML在线工具，online
将 HTML 片段转为 GitHub Flavored Markdown，支持标题、列表、链接、代码块与表格等；浏览器内处理，可链接预填。 在线工具，HTML 转 Markdown在线工具，online
通过删除不必要的空白来缩小和压缩JSON。 在线工具，JSON 压缩在线工具，online