Agent skill

HTTP Client

Best practices for HttpClient, Interceptors, and API interactions.

View SKILL.md on GitHub Repository
Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/http-client

Metadata

Additional technical details for this skill

labels
angular http api interceptors
triggers 
{
    "files": [
        "**/*.service.ts",
        "**/*.interceptor.ts"
    ],
    "keywords": [
        "HttpClient",
        "HttpInterceptorFn",
        "withInterceptors"
    ]
}

SKILL.md

HTTP Client

Priority: P1 (HIGH)

Principles

  • Functional Interceptors: Use HttpInterceptorFn. Class-based interceptors are deprecated.
  • Typed Responses: Always type http.get<User[]>().
  • Services: Encapsulate all HTTP calls in Services. Never call http in Components.

Guidelines

  • Caching: Implement caching in interceptors or using shareReplay(1) in services.
  • Error Handling: Catch errors in services or global interceptors, not components.
  • Context: Use HttpContext to pass metadata to interceptors (e.g., specific caching rules).

References

Didn't find tool you were looking for?

Be as detailed as possible for better results