angular-clean-architecture

Scaffold Angular 18+ features with clean architecture layers and signal-based stores.

171|10|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/fmflurry/settings-opencode --skill angular-clean-architecture
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-clean-architecture
Source: https://github.com/fmflurry/settings-opencode/tree/main/.claude/skills/angular-clean-architecture
Command: npx skills add https://github.com/fmflurry/settings-opencode --skill angular-clean-architecture

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffolds Angular 18+ standalone features using Clean Architecture with layered boundaries (presentation/application/domain/infrastructure), custom signal-based stores, and a facade pattern to promote testability, maintainability, and scalable cross-domain collaboration.

Core Features & Use Cases

  • Provides a clear separation of concerns across domain, application, and presentation layers to facilitate independent evolution and testing.
  • Implements a facade-based orchestration pattern that coordinates use cases and stores for UI components.
  • Supports cross-domain communication via a context registry to decouple domains and enable scalable integrations.

Quick Start

Create a new Angular feature by structuring domain, application, and presentation layers and wiring them through a facade-first workflow.

Frequently Asked Questions about angular-clean-architecture

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

FAQPage Schema
How do I structure an Angular feature using clean architecture?

To structure an Angular feature using clean architecture, you separate concerns into domain, application, and presentation layers. This approach ensures strict typing, prevents direct UI dependencies in the domain, and wires components through a facade-first workflow.

What is the facade pattern in Angular and when should I use it?

The facade pattern in Angular orchestrates use cases and custom signal-based stores for UI components. Use it to promote testability and maintainability by decoupling presentation layers from direct store interactions.

Does this clean architecture approach support cross-domain communication in Angular?

Yes, cross-domain communication is supported via a context registry. This mechanism decouples separate domains and enables scalable integrations, allowing standalone features or legacy refactors to interact without tight direct dependencies.

Can I use this to refactor legacy Angular applications into standalone features?

Yes, you can refactor legacy Angular applications by applying layered boundaries and a facade pattern. It guides transitioning legacy code into standalone features with strict types, ports, adapters, and custom signal-based stores.

What are the limitations of using clean architecture with custom signal-based stores in Angular?

Using clean architecture with custom signal-based stores requires strict enforcement of layer boundaries, meaning no direct UI dependencies in the domain. This adds structural overhead and necessitates consistent use of provided decorators to maintain architectural integrity.