Skip to content
Databases
Skill

/api-patterns

Connect Query patterns for API calls. Use when working with mutations, queries, or data fetching.

BOOST
@redpanda-dataredpanda-data@redpanda-data
From plugin
console
4.3k11 skills4 agents2 commands2 MCP
Install
$ npx -y skills add redpanda-data/console --skill api-patterns --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/api-patterns

Context preview

The summary Claude sees to decide when to auto-load this skill.

Connect Query patterns for API calls. Use when working with mutations, queries, or data fetching.

SKILL.md

api-patterns.SKILL.md
name: api-patterns
description: Connect Query patterns for API calls. Use when working with mutations, queries, or data fetching.

API Patterns

Make API calls with Connect Query and handle responses properly.

Activation Conditions

  • Making API calls
  • Using Connect Query hooks
  • Cache invalidation
  • Mutations and optimistic updates
  • Toast notifications for errors

Quick Reference

| Action | Rule | |--------|------| | Fetch data | `use-connect-query.md` | | After mutation | `api-invalidate-cache.md` | | Handle errors | `api-toast-errors.md` (use `formatToastErrorMessage` in onError) | | Protobuf files | `protobuf-no-edit.md` |

Key Locations

| Location | Purpose | |----------|---------| | `/src/react-query/` | Connect Query hooks | | `/src/protogen/` | Generated protos (DO NOT EDIT) |

Regenerate protos: `task proto:generate` (from repo root)

Rules

See `rules/` directory for detailed guidance on queries, mutations, cache invalidation, and error handling.

Read it on GitHub ↗
Ships withconsole

Redpanda Console (previously known as Kowl) is a web application that helps you manage and debug your Kafka/Redpanda workloads effortlessly.

Get the whole plugin
Stats
TypeScriptJavaScriptReactTailwindDocker
+7 tags
GCPLinuxGitGitHubPlaywrightSlackBun
4,345
Stars
432
Forks
Active
Maintenance
TypeScript
Language
2d ago
Last commit
7y ago
Created
3h ago
Added

Repo: redpanda-data/console

In this plugin
11 skills4 agents2 commands2 MCP
See everything inside

Other skills on console.

See all 11 skills in console