安装
npx skills add https://github.com/angular/skills适合谁
当你希望编码 Agent 按最新版 Angular、官方实践和新特性来写应用、并有效管理现有 Angular 项目时,使用这套技能。它面向智能编码工具,页面点名 Gemini CLI、Antigravity 等,激活某个技能会加载该任务所需的说明和资源。不要把这两家理解成独家。已经有 Angular 仓库、想先问反应式、表单、依赖注入或路由该怎么写的人,应先用 angular-developer。还没有项目、准备从零脚手架的人,才考虑 angular-new-app,因为它会调用 Angular CLI 创建新应用。贡献入口在 angular/angular 仓库,不是在本技能仓直接改;日常使用不必走贡献流程。
3 分钟完成第一次尝试
推荐只走官方这条安装命令,仓库地址必须与页面一致:
npx skills add https://github.com/angular/skills
不要改成未出现的市场名,也不要臆造技能目录。装好后打开一个已有 Angular 项目。第一次只用 angular-developer,做只读架构指导,例如:当前组件若改用 signals 或 routed 功能,应注意什么。先让 Agent 复述:将加载 angular-developer 的说明、只给建议不写文件、不会调用新建应用技能。你确认后再允许它读代码。
成功信号:回答覆盖官方点到的能力范围之一,例如组件、服务、HTTP、反应式(signals、linkedSignal、resource、httpResource)、表单、依赖注入、路由、SSR、无障碍、动画、样式、测试或 CLI 工具,并且没有新建仓库。若 Agent 要跑 angular-new-app,应打断。
使用案例
案例一:用 angular-developer 做架构与写法指导。适合在已有应用里创建或调整组件、服务、HTTP 通信,或询问反应式、表单、依赖注入、路由、SSR、ARIA、动画、样式、测试、CLI 的实践。先让 Agent 列出它将引用的主题,你确认范围后再允许改代码。说明没有逐步补丁,缺了的 API 细节以你项目和技能说明为准。
案例二:用 angular-new-app 走 Angular CLI 建新应用。这会创建项目,副作用大。必须先让 Agent 说明目标目录、将调用 CLI,以及不会同时改你现有仓库。你确认空目录无误后再执行。页面没有给出 CLI 标志或版本号,不要编造 ng new 参数;能确认的是“使用 Angular CLI 创建新应用”。
使用边界
默认安装是 npx skills add 加上本仓库地址。点名的客户端是 Gemini CLI 与 Antigravity 等智能编码工具,不是完整名单。第一次不要用 angular-new-app。要改技能内容应去 angular/angular,本仓库是输出位置。未写明的技能短名、目录和市场命令都不要补。仓库页:
https://github.com/angular/skills
Gemini CLI 技能说明:
https://geminicli.com/docs/cli/skills/
Antigravity 技能说明:
https://antigravity.google/docs/skills