redpanda-dataredpanda-dataOfficial·12 Agent Skills Included

console

Manage and debug Kafka clusters through a visual web console

Provides a web console to explore Kafka topics, filter messages, manage consumer groups, and monitor broker health. Handles schema registries, Kafka Connect connectors, ACLs, and Redpanda data transforms without command-line work. Includes AI agent skills for frontend testing, form refactoring, router migration, and UI code reviews.
npx skills add redpanda-data/console --all -g -y
Available:

Tells the AI agent which frontend components, test commands, and coding rules to follow when working on the Redpanda Console codebase.

All Skills in This Repository (12)

Pure Emerald Level Indicators
📦 In Repo
redpanda-dataredpanda-data

frontend-developer

Build React TypeScript UI components from the Redpanda UI Registry.

Official
Advanced
📦 In Repo
redpanda-dataredpanda-data

e2e-tester

Write and run Playwright end-to-end tests for Redpanda Console using testcontainers.

Official
Advanced
📦 In Repo
redpanda-dataredpanda-data

tanstack-router-migration

Migrate React applications from React Router to TanStack Router with file-based routing.

Official
Advanced
📦 In Repo
redpanda-dataredpanda-data

form-refactorer

Refactor legacy React forms to Redpanda UI Field components with react-hook-form and Zod validation.

Official
Intermediate
📦 In Repo
redpanda-dataredpanda-data

web-design-guidelines

Reviews UI code files for compliance with web interface accessibility and design guidelines.

Official
Intermediate
📦 In Repo
redpanda-dataredpanda-data

testing

Write Vitest unit and integration tests with mocking patterns for React and Zustand.

Official
Intermediate
📦 In Repo
redpanda-dataredpanda-data

security-scan

Resolve npm dependency vulnerabilities reported by Snyk security scans.

Official
Intermediate
📦 In Repo
redpanda-dataredpanda-data

state-management

Guides selection of Zustand, React Query, or React Router for React state management.

Official
Intermediate
📦 In Repo
redpanda-dataredpanda-data

code-standards

Enforces TypeScript, React, and JavaScript best practices using Ultracite and Biome rules.

Official
Intermediate
📦 In Repo
redpanda-dataredpanda-data

react-best-practices

Applies 29 React performance optimization rules across bundle, rendering, and async patterns.

Official
Intermediate
📦 In Repo
redpanda-dataredpanda-data

ui-development

Build React UI components using the Redpanda UI Registry, Tailwind v4 tokens, and accessibility rules.

Official
Advanced
📦 In Repo
redpanda-dataredpanda-data

api-patterns

Implements Connect Query patterns for API calls, mutations, cache invalidation, and error handling.

Official
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install Redpanda Console?

Run `npx skills add redpanda-data/console --all -g -y` in your terminal to install all skills in this suite globally.

What is Redpanda Console used for?

It is a web UI for managing and debugging Kafka and Redpanda clusters, letting you browse topics, inspect messages, and manage consumer groups, schemas, and connectors.

Can I view Kafka messages without writing code?

Yes. The built-in message viewer supports ad-hoc queries and JavaScript filters, and automatically detects encodings like JSON, Avro, Protobuf, and XML.

Does Redpanda Console work with plain Kafka clusters?

Yes. It works with any Kafka-compatible deployment version 1.0.0 or higher, including Confluent Cloud, and can be run via Docker or a single binary.

What do the included AI agent skills do?

They guide AI coding agents through frontend tasks like writing Vitest and Playwright tests, refactoring forms, migrating routers, and enforcing UI accessibility standards.

Related Repositories in Software Engineering

View All in Software Engineering