angular-best-practices
Optimize Angular Application Performance
Angular performance issues can hide in change detection, data fetching, bundles, rendering, and hydration. This skill applies prioritized modern Angular patterns during implementation, review, and refactoring.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "angular-best-practices" from https://skillstore.io/skills/sickn33-angular-best-practices.md and its manifest at https://skillstore.io/api/skills/sickn33-angular-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "angular-best-practices". Review a product list that uses default change detection, tracks by index, and renders 5,000 rows.
Expected outcome:
Priority: High. Use OnPush and signal-backed state. Track stable product IDs. Add CDK virtual scrolling, then measure rendering and interaction latency.
Using "angular-best-practices". Assess an SSR page that repeats API requests after hydration.
Expected outcome:
Priority: High. Cache server-fetched data with TransferState, read it in the browser, and remove consumed entries. Verify one request per navigation.
Using "angular-best-practices". Reduce the initial bundle for an analytics route with a chart library.
Expected outcome:
Priority: Critical. Lazy-load the route and chart library. Defer non-critical charts by viewport or interaction. Confirm chunk sizes with the project build analyzer.
Security Audit
SafeAll 77 static findings are false positives from documentation links, Angular examples, Markdown fences, and TypeScript template literals. The skill contains guidance, not executable automation. No prompt injection, credential handling, data exfiltration, or unsafe network target was found.
Risk Factors
🌐 Network access (11)
⚡ Contains scripts (3)
⚙️ External commands (50)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/sickn33-angular-best-practices/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/sickn33-angular-best-practices?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/sickn33-angular-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-angular-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/sickn33-angular-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
sickn33. (2026). angular-best-practices security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-angular-best-practices/audits/5BibTeX citation
@techreport{sickn33-sickn33-angular-best-practices-2026,
author = {sickn33},
title = {angular-best-practices security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-angular-best-practices/audits/5},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "angular-best-practices security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-angular-best-practices/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-angular-best-practices:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: HighWhat You Can Build
Build Efficient Angular Features
Apply modern component, state, routing, and rendering patterns while implementing new features.
Review Performance Regressions
Prioritize likely bottlenecks in change detection, data fetching, templates, bundles, and subscriptions.
Improve SSR Delivery
Plan server data loading, TransferState, hydration, and deferred content for faster page delivery.
Try These Prompts
Review this Angular component for performance issues. Check change detection, signals, template work, list tracking, and subscription cleanup. Explain each recommendation simply. Component: [paste component]
Refactor the provided Angular feature to remove sequential requests. Use forkJoin for independent calls and switchMap for dependent calls. Preserve behavior and explain tradeoffs. Feature: [paste code]
Audit this Angular route and component set for bundle size and rendering performance. Recommend lazy routes, dynamic imports, @defer triggers, and virtual scrolling where appropriate. Files: [paste relevant files]
Review this Angular SSR implementation. Evaluate hydration, TransferState, server data loading, browser-only APIs, and deferred content. Produce prioritized findings and validation steps. Implementation: [paste files]
Best Practices
- Provide the Angular version, relevant files, architecture, and current performance evidence.
- Prioritize recommendations by measured user impact, implementation risk, and framework compatibility.
- Run tests, builds, accessibility checks, and performance measurements after each meaningful refactor.
Avoid
- Applying every recommendation without checking Angular version or project constraints.
- Using index-based list tracking when items have stable identifiers.
- Claiming performance gains without before-and-after measurements.
Frequently Asked Questions
Does this skill modify my project automatically?
Which Angular versions does it target?
Can it help with legacy Angular applications?
Does it measure performance?
Does it cover server-side rendering?
Can it replace expert performance review?
Developer Details
Author
sickn33License
MIT
Skillstore revision
r2
Version notice
The author did not declare a version.
Repository
https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/angular-best-practicesRef
ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006
Maintenance freshness
7/26/2026
Usage
5 downloads · 119 views
File structure