Token导航 LogoToken导航

Agent Skill · 前端设计

omo-agents(奥莫 Agent 商)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

omo-agents 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为需要联网;许可证为 MIT,第三方扫描有提醒项,按安装量在前端设计类的 10,216 个 Skill 里排第 9,208。

总安装 225周安装 9GitHub Stars 14下载 73核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
MIT

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:omo-agents(奥莫 Agent 商)
来源仓库:https://github.com/bahayonghang/my-claude-code-settings
仓库路径:skills/omo-agents
安装命令:
npx skills add https://github.com/bahayonghang/my-claude-code-settings --skill omo-agents
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异;本站展示可直接复制的安装命令,安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/bahayonghang/my-claude-code-settings --skill omo-agents

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

omo-agents 辅助前端页面和组件的开发与维护。适合生成 React、Vue 或 Tailwind 相关代码片段。使用时需结合项目现有设计系统和路由结构。omo-agents 属于前端设计类 Skill,可作为该场景下的辅助能力补充。避免生成孤立代码片段,应配合本地预览验证效果。

涉及页面改动时需通过构建检查确认布局和性能。

来源仓库内路径:skills/omo-agents

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/bahayonghang/my-claude-code-settings --skill o…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要需要联网,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

omo-agents 怎么安装?

在终端执行 npx skills add https://github.com/bahayonghang/my-claude-code-settings --skill omo-agents。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

omo-agents 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

omo-agents 需要什么权限?

权限级别是需要联网。该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

omo-agents 是免费的吗?

来源标注的许可证是 MIT。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

omo-agents 用的人多吗?

公开数据是累计安装 225 次,近一周安装 9 次,下载 73 次,GitHub 14 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

omo-agents 安全吗?

第三方扫描有提醒项,说明存在需要人工确认的行为。安装前请打开源码看清它读了什么、联网到哪里。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 3 个目录同时收录,说明这个 Skill 流传比较广。
  • 许可证明确为 MIT,商用和分发边界好判断。

先想清楚的地方

  • 第三方扫描存在提醒项或未通过项,需要人工逐条确认。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
omo-agents

奥莫 Agent 商 · 本页

22514需要联网MIT有提醒

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

name
omo-agents
description
|
category
ai-orchestration
tags
[multi-agent, orchestration, omo, sisyphus, oracle, omo-skills]

OMO Agents - 多代理编排系统

基于 oh-my-opencode 理念的多代理协作系统,让不同专业代理各司其职,协同完成复杂任务。

代理一览

代理角色何时调用
@sisyphus主编排者复杂任务规划、多步骤开发、协调其他代理
@oracle架构顾问架构决策、代码审查、技术选型、调试指导
@librarian研究员查找文档、研究开源实现、最佳实践挖掘
@explore搜索专家在代码库中定位代码、追踪依赖、理解结构
@frontend-engineerUI/UX 专家界面设计实现、组件开发、动画交互
@document-writer文档专家README、API 文档、架构文档、注释
@multimodal-looker视觉分析师图片分析、PDF 提取、图表解读

使用方式

直接调用

@oracle 这个架构设计合理吗?[附上架构图或代码]

@librarian Next.js 14 的 Server Actions 怎么处理错误?

@explore 找到处理支付的代码在哪里

@frontend-engineer 创建一个带动画的订阅表单组件

@document-writer 给这个 API 写文档

@multimodal-looker 分析这个错误截图

编排模式

对于复杂任务,使用 @sisyphus 自动编排:

@sisyphus 我要给这个电商项目添加用户评价功能

Sisyphus 会:
1. 分析任务,拆解子任务
2. 启动 @explore 搜索现有相关代码
3. 咨询 @oracle 确定架构方案
4. 请 @librarian 研究评价系统最佳实践
5. 委派 @frontend-engineer 实现评价 UI
6. 安排 @document-writer 编写文档
7. 并行执行独立任务,串行执行依赖任务

代理详情

@sisyphus - 主编排者

擅长:

  • 复杂功能开发的任务拆解
  • 多代理协调和并行执行
  • TODO 驱动的进度追踪
  • 在必要时挑战用户需求

工作流程:

Phase 0: 意图判断 → 分类请求类型
Phase 1: 代码库评估 → 理解现有结构
Phase 2A: 探索研究 → 委派 @explore/@librarian
Phase 2B: 实现 → 创建 TODO,并行执行

@oracle - 架构顾问

擅长:

  • 架构设计评审和建议
  • 技术选型分析
  • 代码审查和质量评估
  • 复杂问题的调试指导

输出风格:

  • 第一层:直接回答(必须)
  • 第二层:理由和权衡(按需)
  • 第三层:边缘情况(相关时)

@librarian - 研究员

擅长:

  • 官方文档和 API 参考查找
  • 开源项目实现研究
  • GitHub issues/PRs 历史追溯
  • 最佳实践总结

三种模式:

  • TYPE A: 概念性问题
  • TYPE B: 实现参考
  • TYPE C: 上下文与历史

@explore - 搜索专家

擅长:

  • 在代码库中定位特定代码
  • 追踪函数定义和引用
  • 理解项目结构
  • 搜索特定模式

工具箱:

  • glob (文件搜索)
  • grep (内容搜索)
  • LSP (符号搜索)
  • ast-grep (AST 模式搜索)
  • git log/blame (历史追溯)

@frontend-engineer - UI/UX 专家

擅长:

  • 创建美观的界面组件
  • 实现流畅的动画交互
  • 响应式设计
  • 即使没有设计稿也能创造精美 UI

设计原则:

  • 像素级完美
  • 动效是灵魂
  • 直觉优先
  • 大胆而克制

@document-writer - 文档专家

擅长:

  • README 编写
  • API 文档
  • 架构文档
  • 用户指南
  • JSDoc/注释

写作原则:

  • 准确性第一
  • 读者导向
  • 代码即真相
  • 渐进披露

@multimodal-looker - 视觉分析师

擅长:

  • 截图分析和信息提取
  • PDF 内容解读
  • 图表数据提取
  • 架构图/流程图解析
  • 设计稿分析

核心价值:

  • 精准提取关键信息
  • 避免上下文 token 浪费
  • 结构化输出

最佳实践

1. 选择合适的代理

❌ 问 @frontend-engineer 架构问题
✅ 问 @oracle 架构问题

❌ 让 @oracle 搜索代码
✅ 让 @explore 搜索代码

❌ 让 @librarian 写文档
✅ 让 @document-writer 写文档

2. 提供足够上下文

❌ "@explore 找到那个函数"
✅ "@explore 找到处理用户认证的函数,可能在 auth 或 user 目录下"

❌ "@oracle 这样好吗"
✅ "@oracle 用 Redux 还是 Zustand 管理这个中等规模 React 项目的状态?"

3. 复杂任务用 @sisyphus

简单任务 → 直接调用专业代理
复杂任务 → @sisyphus 编排协调
不确定 → @sisyphus 会帮你判断

代理协作示例

任务: "重构用户模块,改进代码质量"

1. @sisyphus 接收任务,分析范围

2. @sisyphus → @explore
   "搜索所有 user 相关的代码文件和依赖"

3. @sisyphus → @oracle
   "评审当前用户模块架构,指出问题和改进方向"

4. @sisyphus → @librarian
   "研究类似规模项目的用户模块最佳实践"

5. @sisyphus 综合信息,制定重构计划

6. @sisyphus 执行重构
   - 核心逻辑:自己处理
   - UI 相关:委派 @frontend-engineer
   
7. @sisyphus → @document-writer
   "更新用户模块的 API 文档"

8. 完成,提交 TODO 清单和变更摘要

平台分布

Claude Code

25.39%
按下载量换算19

windsurf

24.09%
按下载量换算18

OpenCode

15.81%
按下载量换算12

Codex

12.16%
按下载量换算9

Antigravity

8.13%
按下载量换算6

Gemini CLI

3.61%
按下载量换算3

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

可疑

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在提醒或未通过项,安装前请自行复核。

继续浏览同类 Skills