redpanda-data/code-standards
frontend/.claude/skills/code-standards/SKILL.md
TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.
$ install --global
skillsauthnpx skillsauth add redpanda-data/console code-standardsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 11, 2026, 11:00 PM89.9s4 files scanned
SKILL.md
- name:
- code-standards
- description:
- TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.
Code Standards
Write code that is accessible, performant, type-safe, and maintainable.
Activation Conditions
- Linting errors need fixing
- Code formatting issues
- Code review feedback
- Questions about style guidelines
Quick Reference
| 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).
Commands
bun x ultracite fix # Format and fix
bun x ultracite check # Check for issues
bun x ultracite doctor # Diagnose setup
Quick Fix
Most issues are auto-fixed:
bun x ultracite fix
Console Logging
- Never use
console.log,console.debug, orconsole.infoin production code - Only use
console.errorandconsole.warnfor actionable errors - For debug logging, wrap in
if (IsDev) { ... } - Don't use
biome-ignoreto suppress console warnings - remove the logs instead
Rules
See rules/ directory for detailed guidance.
Related Skills
redpanda-data/frontend/.claude/skills/web-design-guidelines
development
VerifiedTrustedCommunity
Review UI code for Web Interface Guidelines compliance
4,258SKILL.mdUpdated Apr 11, 2026
redpanda-data/ui-development
development
VerifiedTrustedCommunity
Build UI with Redpanda Registry components, Tailwind v4, and accessibility best practices.
4,258SKILL.mdUpdated Apr 11, 2026
redpanda-data/testing
testing
VerifiedTrustedCommunity
Write and maintain tests with Vitest v4 dual configuration, mock utilities, and Zustand store testing patterns.
4,258SKILL.mdUpdated Apr 11, 2026
redpanda-data/tanstack-router-migration
development
VerifiedTrustedCommunity
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 mentions 'migrate router', 'tanstack router', 'file-based routes'.
4,258SKILL.mdUpdated Apr 11, 2026