スキル

Angular Skills:最新 Angular に沿ってコードを書きアプリを管理する

コーディング Agent に最新 Angular と公式実践でコンポーネントを書かせ、アプリを管理させたいときは、先に npx で本リポジトリのスキルを入れる。最初は angular-developer だけで読み取り専用の構成指導。新規アプリは CLI を走らせるので、先に確認すること。

公式ソース · Angular Skills

インストール

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