1. 基本信息
项目自述名称：
angular-developer（SKILL.md 内自述，未带拥有者/仓库前缀；正式名称按合集子技能规则补全为下表名称）
| 项目 | 内容 |
|---|---|
| 名称 | angular-developer-angular-angular |
| 作者/维护者 | Google LLC / Angular 核心团队（SKILL.md metadata 字段：Copyright 2026 Google LLC） |
| 来源链接 | https://github.com/angular/angular/tree/main/skills/dev-skills/angular-developer |
| 许可证 | MIT（SKILL.md 自述 + 仓库根 LICENSE 双重确认，来自 GitHub API） |
| GitHub Stars | 所在 angular/angular 仓库 100,660（来自 GitHub API，仓库级数据，monorepo 星数不直接代表该子技能热度）；官方分发镜像仓库 angular/skills 单独 566 stars（来自 GitHub API） |
| Forks | angular/angular 27,516；angular/skills 40（均来自 GitHub API） |
| 最新版本 | 1.0（SKILL.md 自身 metadata 版本号，随 angular/angular 仓库持续演进，不单独发版） |
| 安装方式 | npx skills add https://github.com/angular/skills（官方 README 给出的标准安装方式） |
2. 功能介绍与亮点
Angular 核心团队官方维护的开发指导技能，为 agent 生成 Angular 代码并提供架构建议，覆盖组件、Signals 响应式（signal/linkedSignal/resource）、表单（Signal Forms/模板驱动/响应式表单）、依赖注入、路由、SSR、无障碍（ARIA 组件）、动画与样式（含 Tailwind CSS）、测试（Vitest/组件测试/E2E）、CLI 工具链共 10 大主题、37 篇独立参考文档。
核心亮点：
- 官方一线出品：直接合并进
angular/angular框架主仓库（skills/dev-skills/angular-developer），而非第三方社区实现，仓库级最近提交就在近日，该技能目录本身最近一次专项提交为 2026-07-07 - 精简路由式架构：入口为一份精炼的 SKILL.md 编排器，按需加载对应领域的参考文档，而非一次性塞入全部内容，控制 token 消耗
- 自我验证闭环：生成代码后强制执行
ng build校验，出错时自动分析并修复，不是“生成完就交差” - 版本感知：先分析项目 Angular 版本再给建议（例如 v21+ 优先使用 Signal Forms），避免用新特性指导旧版本项目
3. 适用场景
所属分类：前端与设计
适合使用 Claude Code / Codex 等 agent 开发 Angular（尤其 v20 及以上）项目的初中级前端开发者：新建项目脚手架、生成组件/服务/路由、做响应式状态管理或表单方案选型、搭建无障碍自定义组件、编写单元与 E2E 测试时，可直接调用获得与官方风格指南一致的代码与建议，替代手动翻阅 angular.dev 文档。
4. 跨 Agent 兼容性
- Claude Code：✅ 原生支持——SKILL.md 格式与元数据结构与 Claude Code 技能规范一致，独立第三方文章《Implementing the Official Angular Claude Skills》（angular.love）确认了实际接入与使用
- Codex：❓ 未验证——官方
skills/dev-skills/README.md仅点名 Gemini CLI、Antigravity 为目标工具，未提及 Codex；技能本身遵循开放 Agent Skills 格式，理论上可迁移，但未见直接证据 - OpenClaw：❓ 未验证——未见官方文档或第三方资料提及
- Hermes Agent：❓ 未验证——同上，公开材料未见相关证据
5. 推荐理由
Angular 核心团队官方出品并直接合并进框架主仓库，是全球采用率最高的前端框架之一的第一方开发指南——用一条 npx skills add 命令即可获得覆盖组件、路由、Signals、表单、DI、测试全场景的官方最佳实践，且强制 ng build 自检，生成代码即验证，比社区拼凑的 Angular 技能可信度更高、覆盖更全。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 9 | Google/Angular 核心团队直接维护并合并进框架主仓库（官方一线机构出品）；不采用 monorepo 整体 100,660 stars 作为该子技能热度依据，独立佐证为官方分发镜像仓库 angular/skills 自身 566 stars，以及 angular.love、hassantayyab.com 两篇独立第三方文章对其官方地位的确认 |
| 可用性 | 9 | npx skills add 一条命令安装，自然语言直接触发无需额外配置；精简路由式编排器按需加载 37 篇参考文档（覆盖组件/路由/Signals/表单/DI/测试等 10 大主题），生成代码后强制执行 ng build 自检形成验证闭环，但需本地已具备可运行的 Angular CLI 环境 |
| 安全性 | 9 | 见下方安全检查清单 |
| 综合 | 9.0 | 三项均值 |
受欢迎程度取证说明：Google/Angular 核心团队直接维护并合并进框架主仓库（官方一线机构出品），不采用 monorepo 整体 100,660 stars 作为该子技能热度依据；独立佐证为官方分发镜像仓库 angular/skills 自身 566 stars，以及 angular.love、hassantayyab.com 两篇独立第三方文章对其官方地位的确认。
安全检查清单：
| 检查项 | 结果 |
|---|---|
| ① Shell 命令及权限范围 | 仅调用标准 Angular CLI 命令（ng build、ng version、npx @angular/cli new），均为 Angular 开发者日常必用、范围透明的本地构建/脚手架操作 |
| ② 运行时联网外发 | 无——SKILL.md 本身不含任何联网取数或外发逻辑，npx 仅在首次拉取 CLI 包时联网，属标准 npm 生态行为 |
| ③ API Key / 凭据 | 不需要 |
| ④ 可疑指令（注入迹象） | 未发现——通篇为技术性开发指导文字，无诱导 agent 执行越权操作或访问敏感文件的表述 |
| ⑤ 作者/组织信誉 | Google LLC / Angular 核心团队，一线科技公司官方框架团队，信誉顶级 |
| ⑥ License 是否明确 | 明确——MIT，SKILL.md 自述与仓库根 LICENSE 双重确认 |
| ⑦ 最近维护时间 | 极活跃——该技能目录最近专项提交 2026-07-07，所在仓库近日仍有提交 |
7. 跟同类 Skills 相比的优势
| Skill | 定位 | 与本技能的差异 |
|---|---|---|
| vuejs-ai/skills | Vue 3 Composition API 最佳实践技能集 | 仍处于社区实验阶段，作者明确表示“计划提议移交给 Vue 官方组织”但尚未成为官方项目；本技能已是框架团队直接维护并合并入主仓库 |
| spences10/svelte-skills-kit | Svelte/SvelteKit 开发技能包 | 个人维护、仓库根未附 License，90 stars，权威性与文档完整度均不及官方出品 |
| incluud/astro-agent-skills | Astro 开发技能集 | 仓库仅 5 stars，成立不足 3 个月，社区验证不足 |
| react-best-practices-vercel-labs-agent-skills | React 官方生态最佳实践 | 同属“框架官方/一线出品”定位但服务不同技术栈；React 侧由 Vercel（生态伙伴）维护，本技能由 Angular 框架团队自身直接维护，官方程度更进一步 |
8. 用户评价
该技能目前公开可见的独立来源以事实描述为主，尚无成规模的一手使用评价：
- 来源：angular.love《Implementing the Official Angular Claude Skills》——确认该技能已被 Angular 核心团队合并进主仓库，定位为 Angular v20+ 项目的“强制性基线”（mandatory baseline），并详细描述其精简路由式架构设计
- 来源：hassantayyab.com《Agent Skills: How to Make AI Write Modern Angular Code》——独立确认“Angular 团队已发布可通过 Angular CLI v20.2+ 的
ng new生成的官方 AI 配置”，但该文未展开具体使用评价
9. 其他补充
技能遵循开放的 Agent Skills 格式，官方同时提供 angular-new-app（新项目脚手架向导）作为姊妹技能，两者可配合使用；仓库同步维护一份自动镜像 angular/skills，作为面向社区的统一分发入口，改动仍需提交回 angular/angular 主仓库。
10. 安装使用方式
- CLI 一条命令（官方推荐）：
npx skills add https://github.com/angular/skills，可指定只安装angular-developer - 手动方式：克隆
angular/angular仓库，将skills/dev-skills/angular-developer目录复制进.claude/skills/（或对应 agent 的技能目录） - 触发方式：在 Angular 项目中用自然语言提出创建组件/服务/路由、选择表单方案、写测试等请求即可自动触发；技能会先分析当前项目 Angular 版本再给出适配建议
- 安装后注意：无需重启；生成代码后会自动执行
ng build校验，需要本地已具备可运行的 Angular CLI 环境
11. 注意事项
- 官方文档明确点名的目标工具是 Gemini CLI、Antigravity，Codex / OpenClaw / Hermes Agent 上的实际表现未经验证，建议先小范围测试
- “
ng new可直接生成官方 AI 配置”这一说法来自第三方文章，未从 Angular CLI 官方文档直接核实具体机制 - 技能内容与 Angular 版本强相关（如 Signal Forms 仅 v21+ 推荐），用于旧版本 Angular 项目时部分建议可能不适用，技能本身会先做版本判断规避此问题
- 依赖本地 Angular CLI（
ng命令）可用，纯远程/无 CLI 环境下部分自检步骤（ng build）无法执行