skills.rest
chrisjwalk
chrisjwalkCOMMUNITY
Explore all skills by this author →
GitHub

create-signalstore

Generate NgRx SignalStore templates with feature functions and spec files for Angular projects.

71|28|Updated Dec 30, 2017
Search Tags:#typescript#testing#store#angular#signals#state-management#ngrx
One-click install
npx skills add https://github.com/chrisjwalk/angular-cli-netcore-ngrx-starter --skill create-signalstore
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-signalstore
Source: https://github.com/chrisjwalk/angular-cli-netcore-ngrx-starter/tree/main/.claude/skills/create-signalstore
Command: npx skills add https://github.com/chrisjwalk/angular-cli-netcore-ngrx-starter --skill create-signalstore

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create a repeatable pattern for adding NgRx SignalStore components to Angular projects, reducing setup time and ensuring consistency across stores.

Core Features & Use Cases

  • Produces a standard signalStore composition using core building blocks (withState, withProps, withComputed, withMethods) and combines them into a cohesive store.
  • Generates an accompanying spec file to support testing and maintainability, ensuring new stores are test-ready from day one.
  • Targets common use cases: creating a new store, adding a state slice, or introducing a signal-based state container within an Angular project using NgRx Signals.

Quick Start

Ask your AI to scaffold a new NgRx SignalStore following this pattern for your Angular project.

Frequently Asked Questions about create-signalstore

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new NgRx SignalStore in an Angular project?▼

You can scaffold an NgRx SignalStore by generating a feature function, combining core building blocks like withState and withMethods into a signalStore composition, and auto-generating an accompanying spec file for testing.

What is the standard pattern for structuring NgRx SignalStore state slices?▼

The standard pattern structures NgRx SignalStore state slices by combining withState, withProps, withComputed, and withMethods into a cohesive signalStore composition, ensuring consistency across feature functions.

Can I auto-generate spec files when creating an Angular signal-based store?▼

Yes, this Skill produces an accompanying spec file alongside the signalStore composition, ensuring new Angular signal-based state containers are test-ready from day one.

Does NgRx SignalStore work with existing Angular state management setups?▼

NgRx SignalStore integrates with Angular by applying a reusable template to introduce signal-based state containers or add state slices, reducing setup time and standardizing state management across stores.

What are the limitations of using a repeatable template for NgRx SignalStore?▼

A constraint of this approach is that it targets common use cases like creating a new store or adding a state slice, meaning highly customized signal-based state containers may require manual modifications beyond the generated template.

Related Skills

Explore More Software Engineering Skills→
congiuluccongiuluc

state-management-angular

Coordinate Angular frontend state with signals, NgRx SignalStore, and RxJS patterns.

Community
Advanced
nguyenthienthanhnguyenthienthanh
24

angular-expert

Optimize Angular 17+ components and state management with signals and RxJS.

Community
Advanced
oguzhan18oguzhan18
6

ngrx

Manage Angular state and side effects with NgRx Store, Effects, Entity, and Signal Store.

Community
Advanced
partme-aipartme-ai
610

redux

Configure Redux stores, actions, reducers, middleware, and selectors.

Official
Intermediate