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