biome-js

Configure Biome as formatter, linter, and import organizer for JavaScript and TypeScript projects.

2|Updated May 16, 2026
One-click install
npx skills add https://github.com/avbel/ai-skills --skill biome-js-avbel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: biome-js
Source: https://github.com/avbel/ai-skills/tree/main/skills/biome-js
Command: npx skills add https://github.com/avbel/ai-skills --skill biome-js-avbel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @biomejs/biome, and includes scripts (resource) components.

What problem does it solve? Replacing a fragmented XO/ESLint/Prettier toolchain with a single fast tool requires careful rule mapping, and Biome's defaults differ from XO conventions, leading to inconsistent style and missed checks. ## Core Features & Use Cases - Strict Configuration Templates: Provides XO-like formatter settings (single quotes, tabs, 100-column width) and a strict linter ruleset covering complexity, correctness, security, style, and suspicious rules. - XO to Biome Migration Map: Maps common XO/ESLint rules to Biome equivalents and documents known gaps like type-aware rules that still require tsc --noEmit. - Bootstrap Script: Generates package.json scripts, biome.jsonc, and VS Code workspace settings via scripts/biome-js-bootstrap.sh strict. - Use Case: When migrating a TypeScript project from XO and Prettier to Biome, use this Skill to produce a strict biome.jsonc, wire up save-time fixes in VS Code, and keep CI running biome ci plus tsc --noEmit. ## Quick Start Ask the agent to set up a strict Biome configuration for your TypeScript project, replacing ESLint and Prettier, and run the bootstrap script to generate the config files.

Frequently Asked Questions about biome-js

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I replace ESLint and Prettier with Biome?▼

Install @biomejs/biome locally, run biome migrate eslint --write as a starting point, then tighten the config manually with strict linter rules and formatter options. Add format, lint, lint:fix, and ci scripts to package.json and disable ESLint/Prettier save-time formatters in VS Code.

How do I migrate XO rules to Biome configuration?▼

Map XO rules to Biome equivalents: eqeqeq becomes suspicious.noDoubleEquals, prefer-const becomes style.useConst, and consistent-type-imports becomes style.useImportType. Import sorting moves to assist.source.organizeImports instead of linter rules.

Can Biome fully replace TypeScript ESLint type-aware rules?▼

No, Biome does not replace type-aware rules like no-floating-promises or no-misused-promises. Keep tsc --noEmit in CI for semantic checks, and retain a small ESLint layer only if the project truly needs those rules.

Does Biome work with VS Code format on save?▼

Yes, install the official biomejs.biome extension and set editor.defaultFormatter to biomejs.biome with formatOnSave enabled. Add source.fixAll.biome and source.organizeImports.biome code actions on save for automatic fixes and import sorting.

Why should I avoid Biome unsafe fixes in CI?▼

Biome unsafe fixes may change program behavior, so they should not run automatically in save hooks or CI. Use biome check --write for safe fixes only, and apply --unsafe locally after reviewing the diff.