angular-best-practices – Coding skill for AI agents
Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency.
Install the angular-best-practices skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/angular-best-practices-c49ad.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /angular-best-practices – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/angular-best-practices-c49ad.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $angular-best-practices – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/angular-best-practices-c49ad.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /angular-best-practices – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/angular-best-practices-c49ad.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /angular-best-practices – then describe the task you want done.
SKILL.md content
Angular Best Practices
Comprehensive performance optimization guide for Angular applications. Contains prioritized rules for eliminating performance bottlenecks, optimizing bundles, and improving rendering.
Detailed Guide
Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
When to Use
Reference these guidelines when:
- Writing new Angular components or pages
- Implementing data fetching patterns
- Reviewing code for performance issues
- Refactoring existing Angular code
- Optimizing bundle size or load times
- Configuring SSR/hydration
---
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Related skills
- browserstack – Run tests on BrowserStack. Use when user mentions "browserstack", "cross-browser"…
- hunt-aspnet – Hunt ASP.NET-specific surface — ViewState deserialization (signed-only vs encrypted)…
- animated-github-profile – Build high-impact, animated GitHub profile READMEs that play like mini-movies using pure…
- debugging-strategies – Master systematic debugging techniques, profiling tools, and root cause analysis to…
- business-operations-skills – Use when running, diagnosing, or designing internal business operations — process…
- webapp-testing – Toolkit for interacting with and testing local web applications using Playwright…
- code-wiki – Generate wiki docs + Mermaid diagrams for any codebase.
- esm – Uses the Biohub esm Python SDK for ESM3 protein generation, ESMC embeddings, and…