Install any skill in seconds. Free to start, no credit card required.
Get Started Free →mamamou/angular-structure
Angular enterprise architecture guidelines for structuring scalable, production-grade applications.
Passed 21 of 22 test cases with the skill, and 16 of 22 without it.
and 3 more in the full report
5 fixed16 passed either way1 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.
We need to build a reactive product catalog feature in Angular that handles backend data fetching, local filtering, and state updates cleanly. Please provide a code snippet defining the feature store along with a smart component file demonstrating state consumption and template control flow for loading and empty states.
| Checked | Without skill | With skill |
|---|---|---|
| The feature store is created using NgRx SignalStore via signalStore. | Missed | Passed |
| The smart component template uses Angular built-in control flow blocks such as @if and @for instead of structural directives. | Passed | Passed |
| The template includes an @empty block to handle empty product collections. | Passed | Passed |
The instructions your model reads when the skill loads.
Feature-first, enterprise-grade Angular architecture that scales across teams and codebases. Assumes TypeScript strict, modern tooling (esbuild + Vite, Angular 21+), and emphasizes feature isolation, signals-first reactivity, performance, and operability.
src/
app/
app.component.ts # root component (thin shell)
app.config.ts # application providers
app.routes.ts # top-level route definitions
core/ # singleton services, guards, interceptors
auth/
auth.service.ts
auth.guard.ts
auth.interceptor.ts
error/
global-error-handler.ts
layout/
header.component.ts
sidebar.component.ts
footer.component.ts
shared/ # reusable & stateless UI/utilities
ui/ # presentational components (buttons, cards, table)
directives/ # generic directives
pipes/ # generic pipes
utils/ # pure TS helpers
styles/ # design tokens, mixins, global CSS
features/ # domain-driven feature slices
users/
user-list/
user-list.component.ts
user-detail/
user-detail.component.ts
user-form/
user-form.component.ts
data-access/
test cases passed, vs 16 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.