kramme:connect-migrate-legacy-store-to-ngrx-component-store
CommunityMigrate legacy NgRx stores to ComponentStore.
AuthorAbildtoft
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill guides frontend teams in migrating legacy NgRx-based stores (CustomStore/FeatureStore) to modern ComponentStore services, reducing boilerplate and improving testability.
Core Features & Use Cases
- Migration guidance: Step-by-step patterns to transform legacy stores into standalone ComponentStore services with explicit state types and getters.
- Code hygiene: Enforces naming conventions, dependency wiring, selectors, updaters, and effects aligned with ComponentStore best practices.
- Use Case: When migrating a feature module in Connect/ng-app-monolith that uses addApiAction().withReducer() or addSocketAction().withReducer(), use this Skill to re-architect into a ComponentStore service with typed state and selectors.
Quick Start
- Install the migration templates from the Connect monorepo and identify a legacy store to migrate.
- Convert the store into a ComponentStore service: define a typed state, extract initialState, name files with .store.ts, and create updaters/selectors following the ComponentStore pattern.
- Replace usages in components/services with inject-based access to the new store and remove legacy registrations.
Dependency Matrix
Required Modules
None requiredComponents
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: kramme:connect-migrate-legacy-store-to-ngrx-component-store Download link: https://github.com/Abildtoft/kramme-cc-workflow/archive/main.zip#kramme-connect-migrate-legacy-store-to-ngrx-component-store Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.