CtrlK
BlogDocsLog inGet started
Tessl Logo

code-standards

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

67

1.08x
Quality

51%

Does it follow best practices?

Impact

92%

1.08x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./frontend/.claude/skills/code-standards/SKILL.md
SKILL.md
Quality
Evals
Security

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

ActionRule
Write componentsreact-functional-only.md
Async codeasync-await-promises.md
Avoid legacy libsno-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, or console.info in production code
  • Only use console.error and console.warn for actionable errors
  • For debug logging, wrap in if (IsDev) { ... }
  • Don't use biome-ignore to suppress console warnings - remove the logs instead

Rules

See rules/ directory for detailed guidance.

Repository
redpanda-data/console
Last updated
Created

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.