Webhook Integration Panel

ReactWebhookDeveloper ToolsEventsIntegrationUpdated 2026-08-14

When to use: Building developer tools: webhook configuration UIs, event logs, endpoint testing, and integrations dashboards.

Install
npx skills add webhook-integration-panel
Git Clone
git clone https://github.com/skillhub-community/webhook-integration-panel.git

Description

A webhook management UI for platform/developer tools. EndpointList: registered endpoints with URL, event subscriptions (checkboxes per event type), status (enabled/paused), and a secret-management row (rotate key, copy secret). TestPanel: send a sample payload to an endpoint — pick a mock event, edit the JSON body, and fire; the result shows request/response and latency. EventLog: a searchable, filterable table of delivered webhooks (event, endpoint, status OK/failed, response code, attempts, timestamp) with a detail drawer showing full headers/body.

RetryPolicies: per-endpoint retry config (max attempts, backoff), plus a manual 'retry now' action per failed event. SignatureVerification: an explainer + live demo showing HMAC signature generation and verification (so users understand the security model). Includes a SandboxEndpoint button that spins up a local echo server for testing without a real endpoint. Developer-friendly touches: a 'code snippet' tab that shows how to configure webhooks programmatically, and payload schema documentation rendered from a JSON schema.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@integrate_hao
LicenseMIT
Version1.0.0
Dependencies0