api-patterns

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

1.15x

Quality

48%

Does it follow best practices?

Impact

97%

1.15x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./frontend/.claude/skills/api-patterns/SKILL.md

Evaluation results

100%

Broker Health Dashboard Component

Connect Query data fetching with enabled flag and staleTime

Criteria

Without context

With context

useQuery import source

100%

connectquery descriptor import

100%

enabled flag present

100%

staleTime set

100%

No raw fetch

100%

Loading state handled

100%

Error state handled

100%

clusterId prop typed correctly

100%

92%

33%

Topic Deletion Feature

Mutation with cache invalidation and formatToastErrorMessage error handling

Criteria

Without context

With context

useMutation import source

100%

useQueryClient import

100%

invalidateQueries called

100%

Correct invalidation key

100%

formatToastErrorMessage imported

100%

formatToastErrorMessage used in onError

100%

formatToastErrorMessage params

100%

onError handler present

100%

No generic error string

100%

action label correct

100%

User Card Enrichment

Protobuf type extension outside protogen directory

Criteria

Without context

With context

protogen files unmodified

100%

Extension type outside protogen

53%

100%

Import from protogen pb file

100%

displayName computed outside protogen

100%

avatarInitials computed outside protogen

100%

accountAge computed outside protogen

100%

UserCard renders all three

100%

Existing query preserved

100%

Repository: redpanda-data/console
Commit: 02210fa

Evaluated: about 9 hours ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Broker Health Dashboard Component Topic Deletion Feature User Card Enrichment

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.