redpanda-data/console

react-best-practices

Client-side React performance optimization patterns.

لغة النص الأصلي: الإنجليزية

api-patterns

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

لغة النص الأصلي: الإنجليزية

code-standards

TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.

لغة النص الأصلي: الإنجليزية

e2e-tester

Write and run Playwright E2E tests for Redpanda Console using testcontainers. Analyzes test failures, adds missing testids, and improves test stability. Use when user requests E2E tests, Playwright tests, integration tests, test failures, missing testids, or…

لغة النص الأصلي: الإنجليزية

form-refactorer

Refactor legacy forms to use modern Redpanda UI Registry Field components with react-hook-form and Zod validation. Use when user requests: (1) Form refactoring or modernization, (2) Converting Chakra UI or @redpanda-data/ui forms, (3) Updating forms to use…

لغة النص الأصلي: الإنجليزية

state-management

Manage client and server state with Zustand stores and React Query patterns.

لغة النص الأصلي: الإنجليزية

ui-development

Build UI with Redpanda Registry components, Tailwind v4, and accessibility best practices.

لغة النص الأصلي: الإنجليزية

testing

Write and maintain tests with Vitest v4 dual configuration, mock utilities, and Zustand store testing patterns.

لغة النص الأصلي: الإنجليزية

security-scan

Resolve npm dependency vulnerabilities detected by security scans.

لغة النص الأصلي: الإنجليزية

tanstack-router-migration

Migrate React applications from React Router to TanStack Router with file-based routing. Use when user requests: (1) Router migration, (2) TanStack Router setup, (3) File-based routing implementation, (4) React Router replacement, (5) Type-safe routing, or…

لغة النص الأصلي: الإنجليزية