OpenCode模板
专业的OpenCode项目配置,包括代理、技能、上下文系统和MCP集成。
特性
- 多代理系统:内容、开发、数据、元和产品领域的编排者和专业代理
- 子代理框架:用于委派任务的代码、核心、系统构建器和实用程序子代理
- 上下文系统:用于开发、UI、内容创建等的分层上下文文件
- 自定义命令:25+斜线命令,用于头脑风暴、调试、规划、搜索引擎优化等
- 技能框架:20多种技能,包括代码审查、前端设计、UI动画、后端开发和浏览器自动化
- MCP集成:Next.js DevTools、Exa AI、参考文档、Context7、Firecrawl
设置
- 将此存储库克隆到您的OpenCode配置目录
- 复制并配置您的环境变量(见下文)
- 更新
opencode.json 根据您的喜好
所需的环境变量
创建 .env 文件或设置这些环境变量:
| 变量 | 描述 |
|---|
CONTEXT7_API_KEY | 上下文7 MCP API密钥 |
REF_API_KEY | 参考文件API密钥 |
EXA_API_KEY | Exa AI搜索API密钥 |
项目结构
├── agent/ # Agent definitions
│ ├── content/ # Copywriter, technical writer
│ ├── core/ # OpenAgent, OpenCoder
│ ├── data/ # Data analyst
│ ├── development/ # Backend, frontend, devops specialists
│ ├── learning/ # Learning-related agents
│ ├── meta/ # Repo manager, system builder
│ ├── product/ # Product-related agents
│ └── subagents/ # Delegated task agents
│ ├── code/ # Build, coder, reviewer, tester
│ ├── core/ # Context retriever, task manager
│ ├── system-builder/ # Agent/command/context generators
│ └── utils/ # Image specialist
├── command/ # Custom slash commands
│ ├── openagents/ # OpenAgents-specific commands
│ └── prompt-engineering/ # Prompt enhancer/optimizer
├── context/ # Hierarchical context files
│ ├── content-creation/ # Content formats, principles, workflows
│ ├── core/ # Standards, workflows, context system
│ ├── development/ # API design, clean code, UI patterns
│ ├── openagents-repo/ # OpenAgents repository context
│ ├── ui/ # Web and terminal UI context
│ └── ...
├── instructions/ # Development guidelines and preferences
├── skills/ # Reusable skill definitions
│ ├── agents-md-generator/
│ ├── artifacts-builder/
│ ├── backend-dev/
│ ├── browser/
│ ├── code-review/
│ ├── frontend-design/
│ ├── ui-ux-pro-max/
│ └── ...
└── superpowers/ # Framework extensions
└── skills/ # Additional superpowers skills
包括代理
核心代理
| 代理 | 描述 |
|---|
openagent | 用于回答查询、执行任务和协调工作流的通用代理 |
opencoder | 用于模块化和功能开发的多语言实现代理 |
system-builder | 构建完整的上下文感知AI系统的主要协调器 |
开发代理
| 代理 | 描述 |
|---|
backend-architect | 设计RESTful API、微服务边界和数据库模式 |
backend-specialist | 采用API设计和数据库集成的全套后端开发 |
backend-typescript-architect | 使用Bun运行时在TypeScript中进行专家后端开发 |
backend-security-coder | 安全的后端编码:输入验证、身份验证、API安全 |
frontend-developer | Next.js 16+、React 19、缓存组件、shadcn/ui和顺风CSS |
frontend-security-coder | XSS预防、输出净化和客户端安全模式 |
devops-specialist | DevOps和基础设施自动化 |
codebase-agent | 代码库探索和分析 |
数据库代理
| 代理 | 描述 |
|---|
database-architect | 数据层设计、技术选择、模式建模、可扩展架构 |
database-optimizer | 查询优化、高级索引、缓存、分区策略 |
database-specialist | 全面的数据库操作和管理 |
内容和其他代理
| 代理 | 描述 |
|---|
copywriter | 说服性写作、营销文案和品牌信息 |
technical-writer | 文档、API文档和技术交流 |
data-analyst | 数据分析和见解 |
repo-manager | 存储库管理和维护 |
code-reviewer | 根据计划和编码标准自动进行代码审查 |
typescript-pro | 高级TypeScript类型、泛型和严格的类型安全 |
eval-runner | 评估框架的测试工具(内部使用) |
包含的命令
规划与执行
| 命令 | 描述 |
|---|
/brainstorm [topic] | 启动协作设计头脑风暴会议 |
/write-plan [doc-path] | 制定一个详细的实施计划,其中包含一些小任务 |
/writing-plans [doc-path] | 制定详细的实施计划 |
/execute-plan [plan-file] | 使用TDD的子代理驱动开发执行计划 |
/subagent-driven-development [plan] | 使用子代理驱动的方法执行计划 |
/ultra-think [question] | 深度分析和问题解决模式 |
调试与修复
| 命令 | 描述 |
|---|
/debug [error] | 系统地调查并修复错误或错误 |
/fix [bug] | 通过架构感知分析诊断和修复错误 |
前端增强
| 命令 | 描述 |
|---|
/enhance [page/component] | 增强前端到像素的完美标准 |
/mobile-responsiveness [target] | 实现移动响应和可访问性 |
/seo [page/all] | 实施全面的SEO优化 |
/design-system | 设计系统管理 |
代码质量与审查
| 命令 | 描述 |
|---|
/review | 代码审查工作流程 |
/clean | 代码清理 |
/optimize | 性能优化 |
/test | 测试工作流程 |
Git和存储库
| 命令 | 描述 |
|---|
/commit | Git提交工作流 |
/commit-openagents | 提交OpenAgents存储库的工作流 |
/worktrees | 管理用于并行开发工作流的git工作树 |
/validate-repo | 存储库验证 |
背景与系统
| 命令 | 描述 |
|---|
/context | 上下文系统操作 |
/build-context-system | 构建上下文层次结构 |
/generate-agents [path] | 分析代码库并生成分层AGENTS.md |
/data-model | 为项目生成ERD和数据文档 |
公用事业
| 命令 | 描述 |
|---|
/superpowers | 激活超级大国技能 |
/prompt-enhancer | 增强提示 |
/prompt-optimizer | 优化提示 |
OpenAgents特定
| 命令 | 描述 |
|---|
/openagents/check-context-deps | 检查上下文依赖关系 |
/openagents/new-agents/create-agent | 创建新代理 |
/openagents/new-agents/create-tests | 为代理创建测试 |
包含的技能
| 技能 | 描述 |
|---|
frontend-design | 具有高设计质量的生产级前端接口 |
frontend-ui-animator | 使用Tailwind/React的UI动画 |
frontend-ui-integration | 使用现有后端API实现UI工作流 |
backend-dev | 全面的后端开发工作流程 |
code-review | PR的自动代码审查 |
code-refactoring | 代码改进模式 |
database-design | 数据库模式设计与优化 |
browser | 使用Playwright实现浏览器自动化 |
ui-ux-pro-max | 50种风格的高级UI/UX设计智能 |
shadcn-management | shadcn/ui组件管理 |
skill-creator | 创造新技能 |
agents-md-generator | 生成层次化的AGENTS.md结构 |
artifacts-builder | 构建复杂的多组件HTML工件 |
changelog-generator | 从git提交创建面向用户的变更日志 |
javascript-typescript | JavaScript和TypeScript开发 |
python-development | 使用Django/FastAPI进行现代Python开发 |
llm-application-dev | 使用LLM和RAG模式构建应用程序 |
product-management | PRD、特征分析、路线图规划 |
rsc-data-optimizer | 使用服务器组件优化Next.js数据获取 |
task-generator | 根据规格生成结构化任务列表 |
______________________________________________________________________
内置于 OpenCode