Does this skill require specific external libraries?

Yes, it is designed to work with projects that utilize a platform-core library providing base classes like PlatformComponent and PlatformVmStoreComponent.

Will this help prevent memory leaks in my Angular app?

Yes, the skill enforces the use of the 'untilDestroyed' pattern and managed store subscriptions to ensure all Observables are properly disposed of when components are destroyed.

What version of Angular is this skill optimized for?

This skill is specifically designed for Angular 19, utilizing modern features such as signals, standalone components, and the optimized @for template syntax.

How does this skill handle state management?

It implements a specialized ComponentStore pattern via the PlatformVmStore, which centralizes state, selectors, and effects at the component level.

Angular Platform Component Architect

Name: Angular Platform Component Architect
Author: CongDon1207

byCongDon1207

•

Developer Tools

Generates and modifies Angular 19 components using standardized platform base classes and sophisticated state management patterns.

This skill provides a comprehensive workflow for building robust Angular 19 applications by enforcing architectural consistency through a predefined hierarchy of base classes. It streamlines the creation of complex features like state-managed lists, reactive forms with async validation, and lightweight UI components. By leveraging integrated platform APIs, the skill automates repetitive tasks such as tracking loading states, managing error handling, and ensuring memory safety through lifecycle-aware subscription cleanup.

Key Features

01Enforces a structured base class hierarchy (PlatformVmStoreComponent, PlatformFormComponent, etc.)

02Ensures memory safety with lifecycle-aware subscription management and cleanup patterns

03Provides built-in loading and error state monitoring for every asynchronous request

041 GitHub stars

05Implements ComponentStore patterns for complex state and CRUD logic

06Automates Reactive Forms configuration with integrated async validation and dependency tracking

Use Cases

01Creating reusable UI components with role-based access control and standardized lifecycle hooks

02Scaffolding complex dashboard list views with state-driven filtering and real-time updates

03Building data-entry forms with multi-field dependencies and server-side validation checks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add congdon1207/agents.md frontend-angular-component

For use in Claude.ai and ChatGPT

Download Skill