biome
Assists with formatting and linting JavaScript, TypeScript, JSX, JSON, and CSS using Biome. Use when replacing ESLint and Prettier with a single fast tool, configuring lint rules, setting up CI checks, or migrating from existing linter configurations. Trigger words: biome, linter, formatter, code quality, lint, eslint replacement.
Usage
Getting Started
- Install the skill using the command above
- Open your AI coding agent (Claude Code, Codex, Gemini CLI, or Cursor)
- Reference the skill in your prompt
- The AI will use the skill's capabilities automatically
Example Prompts
- "Review the open pull requests and summarize what needs attention"
- "Generate a changelog from the last 20 commits on the main branch"
Documentation
Overview
Biome is a fast all-in-one formatter and linter for JavaScript, TypeScript, JSX, JSON, and CSS that replaces ESLint and Prettier with a single tool. It offers 300+ lint rules with auto-fix, formats 10K-file monorepos in under a second, and requires minimal configuration with sensible defaults.
Instructions
- When setting up Biome, run
biome initto generatebiome.jsonwith recommended defaults, then configureindentStyle,lineWidth, andquoteStyleto match team preferences. - When running checks, use
biome checkfor combined lint and format verification,biome check --fixfor auto-fixing, andbiome ciin CI pipelines for strict validation without fixes. - When migrating from ESLint, run
biome migrate eslintto automatically map ESLint rules, andbiome migrate prettierto carry over formatter settings. - When customizing rules, start with
"recommended": trueand disable specific rules only with documented reasons, using per-directory overrides for different rules in tests versus source. - When integrating with editors, install the Biome VS Code extension or IntelliJ plugin for format-on-save and inline diagnostics.
- When setting up pre-commit hooks, use
biome check --fixviahuskyorlefthookto fix issues before they reach CI.
Examples
Example 1: Replace ESLint and Prettier with Biome
User request: "Migrate my project from ESLint + Prettier to Biome"
Actions:
- Run
biome migrate eslintandbiome migrate prettierto generatebiome.json - Remove ESLint and Prettier configs, dependencies, and scripts
- Update CI pipeline to use
biome cifor combined lint and format checks - Configure VS Code settings to use Biome as default formatter
Output: A project using Biome as the single code quality tool, with faster checks and simpler configuration.
Example 2: Set up Biome in a monorepo with pre-commit hooks
User request: "Configure Biome for a monorepo with different rules for apps and packages"
Actions:
- Create root
biome.jsonwith"recommended": trueand shared settings - Add per-directory overrides for test files (relaxed rules) and packages (strict rules)
- Set up
lefthookwithbiome check --fixon pre-commit - Add
biome cito the CI pipeline withfiles.ignorefor generated code
Output: A monorepo with consistent code quality, auto-fix on commit, and strict CI validation.
Guidelines
- Use
biome ciin CI pipelines since it checks formatting and linting in one pass and fails fast. - Start with
"recommended": trueand disable specific rules only with documented justification. - Run
biome migrate eslintto transition from ESLint since Biome maps most rules automatically. - Use
biome check --fixin pre-commit hooks to fix issues before they reach CI. - Keep
biome.jsonminimal since the defaults are well-chosen; override only what the team genuinely disagrees with. - Enable organize imports since Biome sorts imports faster than ESLint plugins.
Information
- Version
- 1.0.0
- Author
- terminal-skills
- Category
- Development
- License
- Apache-2.0