메뉴
TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Client-side React performance optimization patterns.
Connect Query patterns for API calls. Use when working with mutations, queries, or data fetching.
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 mentions 'test workflow', 'browser testing', 'end-to-end', or 'testcontainers'.
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 Field components, (4) Migrating from legacy form patterns, (5) Implementing forms with react-hook-form and Zod validation.
Manage client and server state with Zustand stores and React Query patterns.
Build UI with Redpanda Registry components, Tailwind v4, and accessibility best practices.
| 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
console.log, console.debug, or console.info in production codeconsole.error and console.warn for actionable errorsif (IsDev) { ... }biome-ignore to suppress console warnings - remove the logs insteadSee rules/ directory for detailed guidance.