angular/angular
6 skills5.8k installs602k starsGitHub
Install
npx skills add https://github.com/angular/angularSkills in this repo
1Angular DeveloperAngular Developer is an official-style agent skill for solo builders shipping typed web and hybrid clients with Angular. It triggers when you create projects, components, or services, or when you need opinionated help on reactivity with signals and resource APIs, Signals Forms, dependency injection, routing, server-side rendering, accessibility with ARIA, animations, and styling whether component-scoped or Tailwind-based. The workflow insists on reading the repo’s Angular version first because feature availability and style guidance shift across major releases, then generating code that follows the Angular style guide and CLI conventions. Unlike one-off chat snippets, it encodes a quality gate: after generation, the agent must run `ng build`, interpret failures, and repair them before declaring done—reducing broken scaffolds for indie timelines. Use it during active feature work and refactors; skip it when you are only choosing Angular vs another framework or doing pure DevOps deploy steps without UI changes.1.5kinstalls2Reference CoreReference-core is an Angular maintainer-oriented agent skill that explains the mental model for packages/core: Ivy Render3 instructions, logical views (LView/TView), dependency injection, change detection, and reactivity. Solo builders rarely touch core unless they contribute to Angular or debug deep framework behavior, but for those cases the skill prevents naive edits that fight the instruction pipeline. The agent must invoke it whenever planning work inside packages/core so proposals align with how templates compile to instructions and how view state lives in LView arrays. It reads like architecture documentation embedded in SKILL.md rather than a code generator, optimized for correct navigation of render3 and related subsystems before implementation.972installs3Reference Signal FormsReference Signal Forms is an agent skill for developers—often Angular contributors or advanced solo builders—who will touch code in packages/forms/signals. It explains why Signal Forms diverge from Reactive and Template-driven APIs: a writable signal owns the data, the form is a projection carrying validity/dirty/touched, FieldTree proxies lazily resolve nested fields, and schemas hold rules away from structure. The skill is explicitly required before planning work in that directory, which prevents agents from misapplying FormControl patterns. Compatible with Claude Code, Cursor, and Codex when patching the Angular monorepo or prototyping signal-based UIs. Complexity is advanced because it assumes framework internals, proxies, and directive binding—not a tutorial for first-time form authors.955installs4Adev Writing Guideadev-writing-guide is the authoritative agent skill for anyone touching Angular’s adev documentation tree. It merges Google’s technical writing standards with Angular-specific markdown, code fence conventions, and custom doc components so generated pages stay consistent with the rest of angular.dev. Solo builders and small teams using Claude Code or Cursor to draft tutorials, API guides, or how-tos get a repeatable editorial bar: conversational but professional, accessible to non-native English readers, and free of pre-announcements or vague claims. You invoke it before planning structural edits, while rewriting sections for clarity, or when reviewing PRs that touch content paths. The skill shifts documentation work from ad-hoc chat tone to checklist-driven quality that matches a major open-source project’s public face.903installs5Reference Compiler Clireference-compiler-cli is a mandatory architecture brief for anyone editing Angular’s Ivy compiler in `packages/compiler-cli`. Solo builders and small teams rarely touch ngtsc unless they maintain Angular forks, contribute upstream, or debug AOT failures in monorepos—but when they do, guessing the pipeline wastes days. The skill frames `NgtscProgram` as a drop-in around standard TypeScript tooling, then walks the Trait lifecycle that governs every decorated class. You learn when analysis stays lazy, how templates parse before dependency resolution, and where import-cycle handling sits. Invoke it at the start of a compiler PR or spike so refactors align with incremental compilation assumptions instead of fighting hidden state transitions.899installs6Pr ReviewPR Review is an agent skill that encodes how to review pull requests in the official Angular repository. It is aimed at contributors and maintainers—or agents acting on their behalf—who need consistent, high-bar reviews on framework code where backwards compatibility and commit narrative matter as much as correctness. The skill insists on reviewing the whole change set even when the user points at one file or concern, and it routes reviewers to per-package reference guides when a package boundary is touched. Solo builders shipping Angular-based products can adapt the discipline for their own repos: ecosystem awareness, readable commits, and cleanliness standards reduce regressions before Ship. Use it when a PR is ready for human or agent review and you want structured focus areas rather than ad-hoc nitpicks. Advanced familiarity with Angular packages and OSS contribution norms is assumed; it is not a generic linter replacement.511installs