signalstore-converter

Community

Migrate RxJS state to SignalStore, boost performance.

AuthorMichael0520
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Modernizing Angular applications involves migrating from RxJS-based state management (e.g., BehaviorSubject) to the new @ngrx/signals SignalStore, which offers improved performance and developer experience. This Skill automates the conversion process.

Core Features & Use Cases

  • BehaviorSubject to SignalStore Conversion: Automatically transforms BehaviorSubject and Subject patterns into signalStore with withState, withComputed, and withMethods.
  • RxJS Operator Replacement: Converts combineLatest and map for derived state into withComputed signals, simplifying reactive logic.
  • API Call Modernization: Integrates queryMethod and mutationMethod for cleaner, signal-based API interactions with built-in loading and error handling.
  • Use Case: You have an Angular service using BehaviorSubject for state. Say "convert to SignalStore" to Claude. It will rewrite your service to use @ngrx/signals patterns, including patchState for updates and queryMethod for API calls, making your component usage simpler and more performant.

Quick Start

Say "convert to SignalStore" when viewing a service that uses BehaviorSubject for state.

Dependency Matrix

Required Modules

@ngrx/signals

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: signalstore-converter
Download link: https://github.com/Michael0520/milo-claude/archive/main.zip#signalstore-converter

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.