oguzhan18/angular-ecosystem-skills177 installs
angular-deferrable
ALWAYS use when working with Angular Deferrable Views, @defer, lazy loading components, or deferred loading in Angular.
How do I install this agent skill?
npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-deferrableIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill provides documentation, best practices, and code examples for Angular Deferrable Views. No security issues were detected as the content is restricted to educational material and links to official Angular resources.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
Angular Deferrable Views
Version: Angular 17+ (2025) Tags: @defer, Deferrable, Lazy Loading
References: Deferrable Views
Best Practices
- Use @defer with on viewport
@Component({
template: `
@defer (on viewport) {
<heavy-chart />
} @placeholder {
<div>Loading...</div>
}
`
})
export class DashboardComponent {}
- Use @defer with on interaction
@Component({
template: `
<button (click)="showModal = true">Open</button>
@defer (when showModal) {
<modal-component />
}
`
})
export class MyComponent {}
- Use @defer with on hover
@Component({
template: `
@defer (on hover) {
<tooltip />
}
`
})
export class TooltipWrapper {}
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/oguzhan18/angular-ecosystem-skills/angular-deferrable">View angular-deferrable on skillZs</a>