Claude Code Plugins

Community-maintained marketplace

Feedback

Angular HttpClient for API communication, interceptors, and error handling

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name http-client
description Angular HttpClient for API communication, interceptors, and error handling
sasmp_version 1.3.0
bonded_agent 02-angular-core
bond_type PRIMARY_BOND

Angular HTTP Client Skill

Overview

Master Angular's HttpClient module for making HTTP requests, handling responses, implementing interceptors, and managing API communication patterns.

Topics Covered

HttpClient Basics

  • GET, POST, PUT, DELETE requests
  • Request and response typing
  • Query parameters and headers
  • Response body parsing

Interceptors

  • HTTP interceptor creation
  • Authentication token injection
  • Request/response transformation
  • Error handling interceptors
  • Loading state management

Error Handling

  • HttpErrorResponse handling
  • Retry strategies with RxJS
  • Global error handling
  • User-friendly error messages

Advanced Patterns

  • Request cancellation
  • File upload/download
  • Progress tracking
  • Caching strategies
  • API service design

Prerequisites

  • Angular Core fundamentals
  • TypeScript basics
  • RxJS Observables understanding

Learning Outcomes

  • Create type-safe API services
  • Implement authentication interceptors
  • Handle errors gracefully
  • Build reusable HTTP patterns