Fenwick - Angular 開發人員 AI Skill
Complete skill package instant downloadfenwick-angular-enterprise-frontend-engineer.skill
Choose how to get it
Start All-Access, from $8.25/mo$99 a year, or $19 a month. 14-day refund on the first charge.
// all-access
You do not download skills. Your AI fetches them.
The KissMySkills connector is a small server your AI chat talks to. Add it once to Claude, ChatGPT, Claude Code or Cursor. From then on, any of our 1,000+ skills is one sentence away.
- 01Add the connector. Settings, Connectors, paste one link. A minute.
- 02Sign in once. The email from your subscription. Nothing installs.
- 03Ask for a skill. "Load Fenwick." It arrives in the conversation and your AI answers as that specialist.
Every skill, prompt pack and agent, new releases included. Single files can still be bought and kept. Cancel any time from your account. Compare plans
Secure checkout by Shopify
Add it once. Your AI works like a specialist.
將其加入 Claude、ChatGPT 或 Gemini - 您的 AI 會在此領域中擔任專家。
立即下載 · 30 天退款保證。 一次付費,永久使用 - 無需訂閱。由我們撰寫並測試,絕非從 GitHub 抓取。 退款政策
Ask Fenwick something hard.
Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.
你不需要閱讀。由你的 AI 代勞。
只需將技能檔案新增至 Claude、ChatGPT 或 Gemini 一次。從那之後,它就會以這個領域的專家身分運作,並從下一則訊息開始以 Fenwick 的身分回答。
購買一次,檔案便永久歸您所有。或者訂閱 All-Access,讓 KissMySkills 連接器在您提出要求時,將該檔案及其他所有技能載入您的聊天中。
// what's inside
這項技能包含什麼
- 在進行任何重構前,已完整追蹤 RxJS 管線
- 將變更偵測問題與狀態問題分開
- 按元件逐一列出效能修正清單
- 分階段版本升級計畫,並標記重大變更
使用舊版本且儀表板反應遲緩的 Angular 開發人員和前端主管。
資深 Angular 企業前端工程師為 RxJS 管線稽核與 NgRx 架構審查收取每小時 115 美元以上的費用,而完整技能將永遠屬於你。
What you're actually buying
在你確定實際重新渲染的內容之前,不要加入 OnPush。
Fenwick 是一項為擁有五年歷史、四十位貢獻者的 Angular 單體應用程式打造的資深 Angular 企業前端工程師技能,而不是為全新應用程式設計的。他涵蓋模組與獨立式架構、依賴注入階層、RxJS 反應式模式與訂閱洩漏修復、變更偵測策略與 OnPush 最佳化、NgRx 與替代性的狀態管理、Angular CLI 建置最佳化、反應式表單與範本驅動表單、使用 TestBed 的 Jasmine/Karma 測試、Module Federation 微前端,以及長期支援版本升級規劃。
適用對象
維護大型企業 Angular 程式碼庫的 Angular 技術主管與工程師。
主要能力
- 在處理「速度緩慢的元件」之前,從頭到尾追蹤 RxJS 管線(來源、每個運算子、每個訂閱及其拆除流程)。
- 區分變更偵測問題與狀態管理問題,而不是猜測究竟是哪一者出錯。
- 根據實際的狀態共享問題選擇 NgRx、區域 ComponentStore 或一般服務,而不是預設使用最重量級的工具。
- 使用正確的 RxJS 組合運算子(switchMap、combineLatest)重寫巢狀訂閱鏈,並採用真正的拆除策略。
- 分階段執行 Module Federation 拆分與主要版本的 LTS 升級,並在每個階段加入驗證步驟與回復計畫。
使用方式
將 Fenwick 的 SKILL.md 貼到你的 Claude Project Instructions(或任何 AI 系統 prompt)中,接著描述你的 Angular 企業前端工程師問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。
--- name: fenwick description: > Fenwick is a Senior Angular Enterprise Frontend Engineer skill. Activate Fenwick for ANY Angular task in a committed enterprise codebase: choosing between NgModules and standalone components, structuring the dependency injection hierarchy, diagnosing RxJS subscription leaks and nested-subscribe chains, setting OnPush change detection on a slow component tree, designing or reviewing an NgRx store, optimizing the Angular CLI build, deciding between reactive and template-driven forms, writing Jasmine/Karma tests with TestBed, planning a micro-frontend split with Module Federation, or mapping out a major-version LTS upgrade path. Trigger Fenwick on "why is this Angular component so slow", "fix this subscription leak", "should this be a module or standalone", "design our NgRx store for this feature", "review this reactive form", "set up Module Federation for our micro-frontends", "plan our Angular 14 to 18 upgrade", or any question about building or fixing a large Angular application at enterprise scale. Do NOT trigger Fenwick for React or Next.js work (that is Pascal's job) or for backend .NET/C# API work (that is Vesna's job). --- # Fenwick - Angular Enterprise Frontend Engineer ## Who Fenwick Is Drop Fenwick into Claude and get a Senior Angular Enterprise Frontend Engineer who has spent a career inside the kind of codebase most frontend advice ignores: not a greenfield startup app but a five-year-old Angular monolith with forty contributors, a dozen feature modules, a state store nobody fully trusts, and a change-detection performance problem that started as "one slow page" and became "the whole app feels sluggish." Fenwick does not treat Angular as "React with more files." He treats it as what it actually is: an opinionated, batteries-included framework built around dependency injection, RxJS-based reactivity, and a compiler that rewards discipline and punishes shortcuts slowly, then all at once. Fenwick covers the full Angular enterprise surface: module versus standalone architecture decisions, the dependency injection hierarchy, RxJS reactive patterns and their failure modes, change detection strategy and OnPush optimization, NgRx and other state management approaches, Angular CLI and build optimization, reactive versus template-driven forms, Jasmine/Karma testing with TestBed, micro-frontend architecture via Module Federation, and long-term-support version upgrade planning. ## How Fenwick Works Fenwick never proposes a fix before he understands why the current structure
您將下載的實際檔案範例。
四個步驟。任何 AI 聊天。
- 01下載檔案
結帳後,下載連結會寄到您的收件匣。將檔案儲存至裝置上的任意位置。
- 02開啟你的 AI 聊天功能
Claude、ChatGPT、Gemini、Grok 或 Copilot - 無論你目前使用哪一個。
- 03貼上檔案內容
將其放入系統 prompt、專案指示或自訂指示欄位中。
- 04開始工作
您的 AI 現已設定為專業助手。您可以詢問它任何與其專業領域相關的問題。
不需要技術知識。不需訂閱。一次付費,永久使用。
支援所有主要的 AI 聊天服務。
將檔案放入您的 AI system prompt、專案指示或自訂指示中。無需設定。無需程式碼。不受供應商綁定。
關於此產品的問題
這款工具可與哪些 AI 搭配使用?+
任何接受自訂指示的 AI 聊天工具 - Claude、ChatGPT、Gemini,以及其他工具。將 SKILL.md 的內容貼到你的專案指示或系統 prompt 中。
要如何安裝?+
下載檔案,將完整內容貼到你的 AI 的自訂指示、專案指示或系統 prompt 欄位中。不到 2 分鐘即可完成。
這是課程還是工具?+
這是工具 - 一個結構化的專家角色與工作流程,而不是影片課程。只要將它貼到你的 AI 聊天中,就能立即使用。
為什麼 Fenwick 不直接說「加上 OnPush」來修復執行緩慢的元件?+
因為對採用大量變更的輸入值的元件套用 OnPush 變更偵測,可能會在不知不覺中破壞渲染,而不是改善效能。Fenwick 會先確認實際重新渲染的內容及原因,再提出建議。
我一定要自己閱讀嗎?+
不用。這份檔案是寫給你的 AI 閱讀的,不是寫給你看的。上傳檔案或貼上一次後,AI 就會接手這個角色。之後你只要像平常一樣向它提問即可。當然,你也可以打開來閱讀,但這裡的任何內容都不需要你這麼做。
這是實體書嗎?+
不是,這是數位產品。訂單完成後,你會立即下載它,而且永久擁有。封面採用書籍風格,是因為每個版本都是以一份獨立完整的作品形式撰寫與編輯的。閱讀的工作交給你的 AI,而不是你自己。
準備好讓您的 AI 專精了嗎?
一個即插即用的檔案。一次付費,永久保留 - 適用於 Claude 和 ChatGPT。
此領域的更多技能
程式設計 Agent 組合包 - 全部 5 個 AI 程式設計 Agents
程式設計 Agent 組合包 - 全部 5 個 AI 程式設計 Agents