本期是《OpenCode Tutorial for Beginners: Setup, Agents, Skills & MCP》的中文配音整理版本。视频从 OpenCode 的安装和启动讲起，依次演示模型/服务商连接、免费模型选择、创建 Next.js 示例项目、配置 Skills、使用 agents.md 记忆文件约束代理行为、通过子代理拆分任务，以及接入 Playwright MCP 让代理自动操作浏览器测试应用。全片约 32:06，已制作中文配音和中英双语字幕，方便中文开发者学习 OpenCode 的完整入门工作流。
原视频信息：
标题：OpenCode Tutorial for Beginners: Setup, Agents, Skills & MCP
作者：Leon van Zyl
发布日期：2026-05-05
链接：https://www.youtube.com/watch?v=uZGDO0L-Dr4
说明：本视频为基于原视频/相关内容制作的中文翻译配音版本，用于技术学习与交流。原视频版权归原作者及相关权利方所有。
时间轴：
00:00 OpenCode 入门介绍
说明 OpenCode 相比 Claude Code 等工具的定位，以及本教程会覆盖的安装、Agents、Skills 与 MCP。
00:39 安装 OpenCode
从官网复制安装命令，在终端中完成 OpenCode 安装并启动。
01:16 推荐在项目目录中使用
解释为什么最好在项目文件夹里启动 OpenCode，以及配合 VS Code/Cursor 查看文件变化的好处。
01:45 连接模型服务商
通过 connect 命令连接模型提供商，介绍 OpenCode Zen 和免费模型。
03:03 选择免费模型并创建项目
选择 BigPico 等免费模型，测试对话，并让 OpenCode 初始化 Next.js 项目。
04:30 会话管理与切换模型
演示中断任务、开启新会话、恢复历史会话，以及切换到 OpenAI / GPT 5.5。
07:32 安装 Skills
安装前端设计、Next.js、AI SDK、ShadCN 等技能，让代理获得更专业的项目指导。
10:48 agents.md 记忆文件
介绍项目级 agents.md 规则文件，说明如何用它约束代理回复、计划和实现方式。
13:17 子代理与后台代理策略
解释通过子代理保护主上下文窗口，并把复杂任务拆给后台代理执行。
14:50 设计系统约束 UI
通过 design.md 等文件固定颜色、间距和组件风格，让 AI 生成更一致的界面。
17:59 构建 AI 项目规划器
进入实战项目：输入粗略想法，生成项目概要、技术栈、页面、数据模型和启动提示词。
21:15 保存计划并执行实现
把实现计划保存到 plans 目录，再切换到构建模式让 OpenCode 按计划实现应用。
25:39 运行应用并迭代体验
启动开发服务器，测试项目规划器，改进流式输出和卡片化编辑体验。
28:41 接入 Playwright MCP
配置 Playwright MCP，让 OpenCode 能打开浏览器、操作页面并自动测试应用。
30:31 UI 重构与自动化测试
要求代理使用前端设计技能重做 UI，并通过浏览器自动测试验证结果。
31:27 总结与学习资源
总结 OpenCode 入门工作流，并介绍后续社区与课程资源。
