Angular Developer Claude Skill: OnPush, RxJS & NgRx

Name: Angular Developer AI Skill - Fenwick
Brand: KissMySkills
Price: 19 USD
Availability: InStock

Angular Developer, Fenwick AI skill by KissMySkills, cover

Trace RxJS pipelines end to end before touching a slow component, separate change-detection bugs from state issues, and stage version upgrades safely.

$19 this skill one payment yours forever

Claude skill package instant downloadfenwick-angular-enterprise-frontend-engineer.skill

Library plan

Get this skill and 2,500+ others

$9/mo or $59 a year

Get Library · $9/moGet Library

Try this skill free for 7 daysTry this skill free

7-day free trial, no card
Cancel anytime
30-day money-back on your first payment

Nothing is charged. A −30% code for your first payment arrives 2 days before the trial ends.

Works inside Claude, ChatGPT, Claude Code, Codex and Cursor through one connector
Every skill, prompt pack and agent, plus AI CRM and tools during the trial
Cancel anytime

Why a subscription? How it works

Need just this skill?

One file, paid once. No updates, no connector.

Costs about the same as 2 months of Library.

$19

Pay once, keep foreverInstant download30-day money-back guarantee

As featured onProduct Hunt Fazier KittyLaunch

Works with

Secure checkout by Stripe

Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.

How it works

Ask it something hard.

📎 fenwick-angular-enterprise-frontend-engineer.skillLOADED ✓

Angular 15 enterprise app: every keystroke in a form freezes the UI for 200ms. 400 components on the page. Change detection?

CLAUDE · WITH THIS SKILL 200ms per keystroke with 400 components means every CD cycle walks the entire tree - default strategy checks everything on every event. But don't sprinkle OnPush yet: profile with Angular DevTools first, because the usual crime is function calls and getters in templates re-executing per cycle - formatting dates, filtering arrays on every check. Fix those, then OnPush on the 10 heaviest containers with immutable inputs, and the freeze typically lands under 16ms. Also hunt RxJS subscriptions mutating state in tight loops - they feed CD storms. Paste the profiler flame chart and I'll mark the top offenders.

Or have every skill inside your AI.

0:16 · no sound

Get all 2,500+ with Library · $9/mo →

Questions before you buy? A person answers, usually the same day: hello@kissmyskills.com

// the file itself

Read it before you buy it.

The first lines of the file your AI will read, exactly as delivered. Nothing rewritten for the page.

// the skill your AI runs on

You are Fenwick, a Senior Angular Enterprise Frontend Engineer who traces an RxJS pipeline to its teardown before reaching for OnPush, NgRx or Module Federation. You have been activated to help the user work on a large Angular codebase.

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

SKILL.md · 230 lines · instant download

// what's inside

What's inside this skill

RxJS pipeline traced end to end before any refactor
Change-detection problems separated from state problems
Performance fix list written component by component
Staged version upgrade plan with breaking changes flagged

Angular developers and frontend leads stuck on an old version with a dashboard that lags.

// two ways to get it

Use it inside your AI, or download it once.

Library plan

This skill and 2,500+ others, inside your chat

$9/mo cancel anytime, or $59 a year

All 2,500+ skills, prompt packs and agents, loaded the moment you ask
Nothing to download or paste: connect once in Claude, ChatGPT, Claude Code or Cursor
New skills every week and 10 catalog files a month to download

Get Library · $9/mo Try it free for 7 days

Compare Library, AI CRM and Both

Buy once

Just this skill, as a file

$19 one payment

Download after checkout and paste it into any AI chat
One file, no updates, no connector
30-day money-back guarantee

Already on Library or Both? This one is included, no need to buy the file.

Works with

Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.

// ask your assistant

Or let your AI set up this skill for you.

Go to kissmyskills.com/pages/connector and set up the "Angular Developer AI Skill - Fenwick" skill (handle: fenwick-angular-enterprise-frontend-engineer-ai-skill) for me

Paste it into Claude, ChatGPT, Claude Code, Cursor or Codex. Your AI walks you through connecting KissMySkills (about 3 minutes, 7-day free trial) and loads the skill. What your AI will read →

What you're actually buying

Don't add OnPush until you know what's actually re-rendering.

Fenwick is a Senior Angular Enterprise Frontend Engineer skill built for the five-year-old Angular monolith with forty contributors, not a greenfield app. He covers module-versus-standalone architecture, the dependency injection hierarchy, RxJS reactive patterns and subscription-leak fixes, change detection strategy and OnPush optimization, NgRx and alternative state management, Angular CLI build optimization, reactive-versus-template-driven forms, Jasmine/Karma testing with TestBed, Module Federation micro-frontends, and long-term-support version upgrade planning.

Who it's for

Angular tech leads and engineers maintaining a large enterprise Angular codebase.

Key capabilities

Traces the RxJS pipeline end to end (source, every operator, every subscription and its teardown) before touching a "slow component."
Separates a change-detection problem from a state-management problem instead of guessing which one is at fault.
Matches NgRx, a local ComponentStore, or a plain service to the actual shape of the state-sharing problem instead of defaulting to the heaviest tool.
Rewrites nested-subscribe chains with the correct RxJS combination operator (switchMap, combineLatest) and a real teardown strategy.
Stages Module Federation splits and major-version LTS upgrades with a verification step and a rollback plan at each stage.

How to use it

Paste Fenwick's SKILL.md into your Claude Project Instructions (or any AI system prompt), then describe your angular enterprise frontend engineer problem. Works with Claude, ChatGPT, and any AI chat. Under 2 minutes to install.

// how to install Under 2 minutes

Four steps. Any AI chat.

01
Download the file
After checkout, the download link lands in your inbox. Save the .skill file: Claude takes it as it is.
02
Open your AI chat
Any AI chat you already use: Claude, ChatGPT, Gemini, Grok, Copilot or another.
03
Add it to your AI
Claude: Settings → Capabilities → Skills, upload the .skill file. ChatGPT, Gemini and others: open the .skill file like a .zip archive and paste SKILL.md into custom instructions or Project instructions.
04
Start working
Your AI is now configured as a specialist. Ask it anything inside its domain.

No technical knowledge required.

With Library there is nothing to download. Connect your AI once, then just ask: "Load Angular Developer AI Skill from KissMySkills."

Setup guide → Library · $9/mo →

// faq

Questions about this product

What AI tools does this work with?+

Any AI chat that accepts custom instructions - Claude, ChatGPT, Gemini, and others. Paste the SKILL.md content into your project instructions or system prompt.

How do I install it?+

Download the file, paste its full contents into your AI's custom instructions, project instructions, or system prompt field. Takes under 2 minutes.

Is this a course or a tool?+

It's a tool - a structured expert persona and workflow, not a video course. You use it immediately by pasting it into your AI chat.

Why won't Fenwick just say "add OnPush" to fix a slow component?+

Because an OnPush change applied to a component with mutation-heavy inputs breaks rendering silently instead of fixing performance. Fenwick confirms what's actually re-rendering and why before recommending it.