开发者生态
evening
Angular官方的智能体技能辅助AI编程工具生成现代化的Angular代码
2026-06-23
1 阅读
作者:Daniel Curtis
谷歌的Angular团队发布了angular/skills,这是一个专门的智能体Skills仓库,用于教会AI编程智能体编写现代化且语义正确的Angular,而非模型默认倾向使用的过时模式。 智能体Skills是结构化的、领域特定的指令文件,这是由Anthropic提出的开放格式,它会按需加载为智能体提供特定任务的专业知识。Angular集合当前包含两个Skill。angular-developer Skill用于生成代码并在响应式编码(signals、linkedSignal、resource)、表单、依赖注入、路由、服务器端渲染、无障碍、动画、样式和测试等方面提供架构指导;angular-new-app Skill则通过Angular CLI搭建新的应用脚手架。在实践中,angular-developer强制采用v20约定,偏好使用@if取代*ngIf,并移除冗余的standalone: true标记。这些Skill是针对Gemini CLI与Antigravity等智能体工具而设计的,官方文档指出,它们能使智能体保持与Signals和独立组件等约定保持同步。该仓库是一个已发布的快照,而非原始的事实来源,因为贡献在主仓库angular/angular中进行并会自动镜像到此处。 发布这些Skill的动机在文档中有充分说明。正如Brandon Roberts在文章中解释的那样,编程智能体“经常建议过时的Angular模式、NgModules、@Input()装饰器、*ngIf和构造函数注入”,这是因为它们缺乏最新的上下文。 开发者可以通过如下命令,安装使用社区的skills CLI: npx skills add 该发布建立在社区工作之上,正如Angular新闻作者Gérôme Grignon观察到的,智能体Skills已经成为向大模型提供框架上下文的“最受欢迎”方式。最广泛使用的前作是Roberts的analogjs/angular-skills。竞争性方法仍在存在,包括受Vercel的react-best-practices启发的alfredoperez/angular-best-practices。 评论主要集中在为何官方的、基于仓库的Skills很重要。为Angular.love撰文的Dominik Donoch赞赏其“自动验证循环”功能,该机制在编辑后会强制智能体运行ng build,以及它只加载相关参考文件以限制token使用的编排器设计。在Reddit上,开发者表示这些Skill“因为存在于仓库中而感觉更原生”,且“可版本化、可比较差异(diffable)”,也有人承认他们“之前不知道Angular有自己的最佳实践技能”。怀疑者则对该格式能否修复可靠性持保留态度。 在Hacker News上,有评论者指出了此类机制存在的问题:这些机制的做法假装LLM是严格且完美遵循规则的,唯一的问题只是无法足够清晰地指定足够多的规则。这反映了对LLM工作方式的根本性认知错误。 也有人反驳说不应该“让完美成为足够好的敌人”。 对于迁移,替换社区包的团队应先用npx skills remove analogjs/angular-skills命令将其移除。CLI还通过锁文件跟踪偏移,因此可使用npx skills check和npx skills update跟上Angular频繁发布的节奏。由于这些Skill面向v20及更高版本,旧项目应首先按照官方升级指南采用独立组件、inject()和Skill假定的内置控制流。 Angular是谷歌的开源、基于TypeScript的Web 框架,被企业级应用广泛采用,构建于独立组件与基于signals的响应式理念之上。 查看英文原文: Angular's Official Agent Skills Helps AI Coding Tools Write Modern Angular "