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