不用每次写 Prompt 都得先定义一遍“你现在是一个资深前端工程师

简单来说，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 的能力深度集成到工作流里，真正实现从零配置到自动化分发的体验。