Does this skill support the latest Angular versions?

Yes, it is designed for modern Angular versions, utilizing standalone components, inject() functions, and Signals-based state management.

Does it automatically update my routing file?

Yes, it automatically registers the new module's entry point in app.routes.ts using the loadComponent pattern for optimal lazy loading.

What architecture pattern does it follow?

The skill follows a layered architecture (Services, Adapters, Stores, Components) as defined in your project's ARCHITECTURE.md documentation.

Can it integrate with existing API endpoints?

Yes, during the process, it asks for specific API endpoints to generate the necessary HttpClient services and data contracts.

Angular Module Architect

Name: Angular Module Architect
Author: HerbertJulio

byHerbertJulio

•

生产力与工作流

Generates complete, architecturally sound Angular feature modules including services, signals-based state, and standalone components.

The dev-create-module skill automates the complex process of scaffolding a new Angular feature module according to professional architectural standards. It handles the creation of a full directory structure including services, adapters, types, and standalone components, ensuring consistency across your codebase. By leveraging modern Angular patterns like Signals and lazy-loaded routing, this skill transforms a multi-step manual setup into a streamlined AI-driven workflow that includes automated build validation.

主要功能

01Scaffolds standardized directory structures for services, stores, and components

02Automatically registers routes in app.routes.ts using lazy loading

03Generates clean API adapters and typed service contracts

04Implements modern Angular Signal-based state management

0510 GitHub stars

06Performs build validation using tsc and ng build to ensure code integrity

使用场景

01Enforcing architectural consistency across a large-scale Angular project

02Converting legacy features into modern Signal-based standalone architectures

03Rapidly bootstrapping a new CRUD feature with pre-integrated API services

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add herbertjulio/specialist-agent dev-create-module

For use in Claude.ai and ChatGPT

主要功能

01Scaffolds standardized directory structures for services, stores, and components

02Automatically registers routes in app.routes.ts using lazy loading

03Generates clean API adapters and typed service contracts

04Implements modern Angular Signal-based state management

0510 GitHub stars

06Performs build validation using tsc and ng build to ensure code integrity

使用场景

01Enforcing architectural consistency across a large-scale Angular project

02Converting legacy features into modern Signal-based standalone architectures

03Rapidly bootstrapping a new CRUD feature with pre-integrated API services

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add herbertjulio/specialist-agent dev-create-module

For use in Claude.ai and ChatGPT