biomelisted

# Biome Specialist ## Purpose Biome is a high-performance unified toolchain for web projects — linting, formatting, and import sorting in a single binary with zero dependencies. It replaces ESLint + Prettier with a single tool that runs 20-100x faster. This skill covers configuration, rule customization, migration from legacy tools, and CI integration. ## Key Concepts ### Why Biome Over ESLint + Prettier | Aspect | ESLint + Prettier | Biome | |--------|-------------------|-------| | Speed | ~5-30s on large projects | ~100-500ms on same projects | | Config files | `.eslintrc` + `.prettierrc` + plugins | Single `biome.json` | | Dependencies | 50-200+ transitive deps | Zero (single binary) | | Conflict risk | ESLint/Prettier rule conflicts | Unified — no conflicts | | Language support | JS/TS (via plugins for others) | JS, TS, JSX, TSX, JSON, CSS | ### Architecture ``` biome check = biome format + biome lint + biome organize-imports Single pass over each file: 1. Parse into AST (custom high-perf parser) 2. Run lint rules against AST 3. Apply formatting 4. Sort imports 5. Output diagnostics + fixes ``` ## Workflow ### Step 1: Installation ```bash # Install as dev dependency pnpm add -D @biomejs/biome # Or install globally pnpm add -g @biomejs/biome # Initialize config pnpm biome init ``` ### Step 2: Configure biome.json ```json { "$schema": "https://biomejs.dev/schemas/1.9.0/schema.json", "vcs": { "enabled": true, "clientKind": "git", "use