angular-expert
Angular 17+ gotchas and decision criteria. Covers signals vs observables, standalone patterns, and common pitfalls Claude gets wrong.
Works with
Agent Skills format with YAML frontmatter. Claude Code reads it as-is.
---
name: "angular-expert"
description: "Angular 17+ gotchas and decision criteria. Covers signals vs observables, standalone patterns, and common pitfalls Claude gets wrong."
license: "MIT"
---
# Angular Expert — Gotchas & Decisions
Use Context7 for full Angular docs.
## Key Decisions
```toon
decisions[4]{choice,use_when}:
Signals vs Observables,"Signals for sync UI state. Observables for async streams/HTTP. Bridge with toSignal()/toObservable()"
NgRx vs Signals,"NgRx for complex shared state with effects. Signals for component/simple app state"
Standalone vs Module,"Always standalone (Angular 17+). Modules only for legacy"
OnPush vs Default,"Always OnPush. Requires immutable patterns"
```
## Gotchas
- `@for` requires `track` — use `track item.id` not `trackBy` function
- `takeUntilDestroyed(this.destroyRef)` must be called in injection context (constructor or field init)
- `toSignal()` returns `Signal<T | undefined>` — handle the undefined
- `NonNullableFormBuilder` for typed forms — plain `FormBuilder` loses types
- `@defer (on viewport)` needs `@placeholder` block or nothing renders
- Functional guards/interceptors: use `inject()` not constructor DIMore Frontend Frameworks skills
frontend-design
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
design-taste-frontend
leonxlnx/taste-skill
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
hyperframes-creative
heygen-com/hyperframes
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-animation.
