api-patterns
Connect Query patterns for API calls. Use when working with mutations, queries, or data fetching.
TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.
$ npx -y skills add redpanda-data/console --skill code-standards --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/code-standardsContext preview
The summary Claude sees to decide when to auto-load this skill.
TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.
name: code-standards description: TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.
Write code that is accessible, performant, type-safe, and maintainable.
| Action | Rule | |--------|------| | Write components | `react-functional-only.md` | | Async code | `async-await-promises.md` | | Avoid legacy libs | `no-legacy.md` |
`any` types and top-level regex are enforced by Biome (`noExplicitAny`, `useTopLevelRegex`).
bun x ultracite fix # Format and fix bun x ultracite check # Check for issues bun x ultracite doctor # Diagnose setup
Most issues are auto-fixed:
bun x ultracite fix
See `rules/` directory for detailed guidance.
Redpanda Console (previously known as Kowl) is a web application that helps you manage and debug your Kafka/Redpanda workloads effortlessly.
Connect Query patterns for API calls. Use when working with mutations, queries, or data fetching.
Write and run Rstest/Playwright E2E tests for Redpanda Console using testcontainers. Analyzes test failures, adds missing…
Refactor legacy forms to use modern Redpanda UI Registry Field components with react-hook-form and Zod validation. Use when user…
Resolve npm dependency vulnerabilities detected by security scans.
Manage client and server state with Zustand stores and React Query patterns.