让 Agency Agents 自动匹配并处理不同前端任务
Agency Agents 并非全新的大语言模型，其核心是一套详尽的角色配置文件体系。该体系内置了 200 多个专业 Agent，每个角色不仅拥有明确的身份定义，还附带具体的工作流、交付标准以及检查清单。以 Frontend Developer 角色为例，它要求 AI 在编写代码时优先关注 Accessibility 和 Core Web Vitals 指标，而非仅满足于功能可运行即可。
安装流程相对简便，推荐使用官方 App 进行统一管理，以便直观地为特定工具指派相应角色。
安装步骤：
一、Windows 用户可直接访问 GitHub Release 下载 installer 并完成安装。若触发 SmartScreen 警告，只需点击“其他信息”即可继续执行。
二、Mac 用户可通过 Homebrew 快速安装，执行命令：
brew install --cask msitarzewski/agency-agents/agency-agents
完成 App 安装后，选择 Agent 的过程如同在菜单中挑选菜品。针对前端开发场景，建议初期仅安装以下少数几个角色，避免一次性加载过多：
- Frontend Developer： 负责处理 Vue/React 框架及 RWD 响应式布局。
- UI Designer： 专注于 Dashboard 构建与设计系统落地。
- Code Reviewer： 用于 PR 提交前的审查，能高效识别 Bug。
- Minimal Change Engineer： 此角色极为实用，专用于修复 Bug，能有效防止 AI 习惯性重构整个文件。
在实际工作流中，核心价值在于实现“自动切换”。若每次需手动输入 Use the Frontend Developer agent，操作效率依然较低，因此可通过定制 Router Skill 来解决这一痛点。
该路由器的核心逻辑为：分析当前需求 -> 判断是否需要专家介入 -> 如需则调用对应 Agent，否则直接执行。例如，输入“把这个按钮颜色改红”时，系统将直接执行指令；而输入“帮我重新设计整个后台布局并实现响应式”时，则会自动联动启用 UI Designer 和 Frontend Developer。
配置 Router Skill 的路径如下：
- Claude Code (Mac):
~/.claude/skills - Claude Code (Windows):
%USERPROFILE%\.claude\skills\ - Codex (Mac):
~/.agents/skills - Codex (Windows):
%USERPROFILE%\.agents\skills\
在上述对应目录中创建 agency-agents 文件夹，并写入 SKILL.md 配置文件，即可将 Agency Agents 的能力无缝集成至日常开发流，实现从零配置到自动化分发的转变。
全部回复 （4）
想当场把话说完？进全球 AI 聊天室，登录就能开口。
直接把公司那套代码规范怼进去，效率直接起飞。Agency Agents 不是一种新模型，本质上是一套非常详细的“角色配置文件”。其中内置了 200 多个专业 Agent，每个角色除了身份定义外，还配备了具体的工作流、交付标准和检查清单。以 Frontend Developer 为例，它会要求 AI 在编写代码时关注 Accessibility 和 Core Web Vitals，而不是只要功能能够运行就算完成。安装过程比较简单，建议通过官方 App 进行管理。这样可以直观地选择需要为哪个工具安装哪个角色。安装步骤：一、Windows 用户可以直接前往 GitHub Release 下载 installer 并完成安装。如果出现 SmartScreen 警告，点击“其他信息”后继续执行即可。二、Mac 用户可以使用 Homebrew 快速安装：
brew install --cask msitarzewski/agency-agents/agency-agents安装 App 后，选择 Agent 的方式就像从菜单中挑选一样。对于前端开发者，我建议先安装以下几个角色，不要一次安装太多：- Frontend Developer： 处理 Vue/React 和 RWD 布局。- UI Designer： 用于 Dashboard 和设计系统相关工作。- Code Reviewer： 在提交 PR 前进行检查，寻找 Bug 的效率很高。- Minimal Change Engineer： 这个角色非常实用，适合修复 Bug，可以避免 AI 习惯性地重构整个文件。实际使用中，最关键的是实现“自动切换”。如果每次都手动输入 Use the Frontend Developer agent，操作起来仍然很麻烦，所以我制作了一个 Router Skill。这个路由器的逻辑是：分析需求 -> 判断是否需要专家 -> 需要则调用对应 Agent，不需要则直接执行。比如输入“把这个按钮颜色改红”时，它会直接执行；而输入“帮我重新设计整个后台布局并实现响应式”时，它会自动启用 UI Designer 和 Frontend Developer。配置 Router Skill 的路径： - Claude Code (Mac): ~/.claude/skills - Claude Code (Windows): %USERPROFILE%\.claude\skills\ - Codex (Mac): ~/.agents/skills - Codex (Windows): %USERPROFILE%\.agents\skills\在对应目录下创建 agency-agents 文件夹，并写入 SKILL.md 配置文件，就可以把 Agency Agents 的能力集成到工作流中，实现从零配置到自动化分发。
规范稍微复杂点，AI 绝对会选择性失明，根本稳不住。建议直接用 Agency Agents 这种内置了具体工作流和检查清单的角色配置文件，比如通过 brew install --cask msitarzewski/agency-agents/agency-agents 快速安装，能省去很多定义 Prompt 的麻烦。
直接把 SOP 喂进去简直是打开新世界，再也不用重复敲那几句废话了。用 Frontend Developer 角色时，还会明确检查 Accessibility 和 Core Web Vitals，不再是按钮能点就算完成。
Agency Agents 让你不再需要每次都手动定义“请以资深前端工程师身份工作”的提示，因为它内置了200多个专业角色，每个角色都有明确的工作流、交付标准和检查清单——比如Frontend Developer会自动关注Accessibility和Core Web Vitals，而不仅仅是功能实现。安装起来也简单，Windows用户可以直接从GitHub Release下载安装程序，遇到SmartScreen警告时记得点击“其他信息”继续执行；Mac用户则可以通过
brew install --cask msitarzewski/agency-agents/agency-agents一键完成。不过，如果不能自定义角色配置，确实会影响灵活性。不过也不用担心，你可以在安装后直接在App中选择需要的角色，比如先安装Frontend Developer（适合Vue/React和响应式布局）、UI Designer（用于Dashboard设计）、Code Reviewer（提交PR前的Bug检查）以及Minimal Change Engineer（专注修复Bug而非重构整个文件）——建议先安装这几个核心角色，避免一次性安装过多导致界面混乱。最关键的是，你可以通过配置Router Skill实现自动化切换，比如在
~/.claude/skills（Mac）或%USERPROFILE%\.claude\skills\（Windows）目录下创建agency-agents文件夹，并添加SKILL.md文件，这样就能让Agency Agents自动根据需求调用对应角色，比如“改按钮颜色”直接执行，而“重新设计后台布局”则自动切换到UI Designer和Frontend Developer。