在開發全新的 Angular 與 Firebase AI Logic 專案時，我一直在使用這些 AI 代理技能（AI Agent Skills）。這些技能針對軟體工程、Firebase、Angular 與 RxJS。在定義產品需求、架構決策以及制定程式碼解決方案時，它們讓我成為一位更優秀的軟體工程師。

AI 代理技能可以安裝在全域環境或專案本地端。我偏好使用專案層級（project-level）的 AI 代理技能，以避免任何歧義。作為一名內容創作者，我經常在部落格文章中附上 GitHub 儲存庫的 URL。如果我的讀者造訪該儲存庫，我希望他們能看到我在開發過程中使用的所有技能。

讓我來說明在專案中安裝這些技能的考量與理由。

Angular 代理技能 (Angular Agent Skills)

在開發新的 Angular 應用程式時，Angular Agent Skill 是一項必備技能。這是因為 Angular 在每個版本中都有大幅度的演進，而 Gemini 仍在逐步跟進。此技能可確保 Angular 開發人員使用最新功能（例如 Angular Aria）來建構應用程式，並採用現代架構，例如 signals 和 resources。

cd ng-firebase-tts
npx skills add https://github.com/angular/skills

在畫面上，選擇安裝 angular-developer 技能。

Firebase 代理技能 (Firebase Agent Skills)

Firebase Agent Skills 是一組技能套件，可回答從 AI logic、remote config 到 app hosting 等各種查詢。在我的 Angular 應用程式中實現 Firebase 功能時，只要提出相應類型的問題，就會適度調用這些技能。新增這些技能是因為它們在開發過程中會非常得心應手。

cd ng-firebase-tts
npx skills add firebase/agent-skills

RxJS 代理技能 (RxJS Agent Skill)

RxJS 並未消亡，不過我在 Angular 應用程式中更常使用 signals。然而，當某個問題透過 RxJS 比命令式（imperative）程式碼能更優雅地解決時，Gemini Flash 3.5 對 RxJS 的回答表現卻不盡理想。Gemini 生成了包含反模式（antipatterns）的 RxJS 程式碼，且對 tap 與 takeWhile 等 RxJS 操作符（operators）不夠熟悉。

因此，我新增了這個技能來協助我編寫優雅的 RxJS 解決方案。

cd ng-firebsae-tts
npx skills add bjoerge/rxjs-skills --skill rxjs-like-a-pro

來自 Matt Pocock 的優良工程技能

Matt Pocock 是一位開源了許多工程技能的 AI 架構師。我在專案中使用了其中的一部分，並將它們改造為具備良好文件記錄、完善架構設計以及使用 Vitest 進行高度測試的技能。

cd ng-firebsae-tts
npx skills@latest add mattpocock/skills

在終端機中，我選擇了 code-review、codebase-design、domain-modeling、grill-with-docs、implement、improve-codebase-architecture、setup-matt-pocock-skills、tdd 與 to-spec。

接著，在 Antigravity CLI 中執行 setup-matt-pocock-skills，以設定儲存產品需求文件（PRD）、架構決策記錄（ADR）、領域模型與問題追蹤器 Markdown 檔案的位置。

agy
/setup-matt-pocock-skills

ADR、領域模型與問題追蹤器 Markdown 檔案保存在 文件 資料夾中。

PRD 則依功能資料夾分類存放在 .scratch 資料夾中。

由於我從 Matt 的工程技能儲存庫中新增了許多技能，下表將說明它們各自的功能：

第 3 天到此結束，今天我們新增了對應用程式大有裨益的 AI 代理技能。明天，我將在 Antigravity CLI 的 MCP 設定檔中新增 MCP 伺服器。

相關資源：
Angular 代理技能
Firebase 代理技能
RxJS As a Pro 技能
Matt Pocock 工程技能
Matt Pocock YouTube 頻道