angularAvoid common Angular mistakes β subscription leaks, change detection, dependency injection, and module organization.
Install via ClawdBot CLI:
clawdbot install ivangdavila/angularUser needs Angular expertise β component architecture, RxJS patterns, change detection, dependency injection, routing, and forms.
| Topic | File |
|-------|------|
| Components & change detection | components.md |
| RxJS & subscriptions | rxjs.md |
| Forms & validation | forms.md |
| Dependency injection | di.md |
| Routing & guards | routing.md |
| HTTP & interceptors | http.md |
OnPush with mutated objects won't trigger change detection β always create new reference: {...obj} or [...arr]@ViewChild is undefined in constructor/ngOnInit β access in ngAfterViewInit or later*ngFor without trackBy re-renders entire list on any change β add trackBy returning stable IDsubscribe() without unsubscribe leaks memory β use async pipe, takeUntilDestroyed(), or unsubscribe in ngOnDestroyHttpClient returns cold Observable β each subscribe() fires new HTTP requestsetTimeout/setInterval outside NgZone β change detection won't run, use NgZone.run() or signalsforwardRef() or restructure servicesElementRef.nativeElement direct DOM access breaks SSR β use Renderer2 or @defersnapshot miss navigation changes β use paramMap Observable for same-component navigationsetValue() on FormGroup requires ALL fields β use patchValue() for partial updatesAI Usage Analysis
Analysis is being generated⦠refresh in a few seconds.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui β no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.
AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.