biome

Lint and format JavaScript, TypeScript, JSX, CSS, and GraphQL with Biome 2.4.

32|2|Updated Nov 5, 2025
One-click install
npx skills add https://github.com/tenequm/skills --skill biome-tenequm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: biome
Source: https://github.com/tenequm/skills/tree/main/skills/biome
Command: npx skills add https://github.com/tenequm/skills --skill biome-tenequm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines frontend development by providing a unified tool for linting, formatting, and organizing code, ensuring consistency and catching errors early.

Core Features & Use Cases

  • Unified Tooling: Replaces ESLint and Prettier with a single, fast binary.
  • Type-Aware Linting: Catches errors based on code's type information without needing the TypeScript compiler.
  • Custom Rules: Define project-specific linting rules using GritQL.
  • Use Case: Automatically format all your React/TypeScript code on save, enforce project-wide linting rules in CI, and migrate existing ESLint/Prettier configurations with a single command.

Quick Start

Run biome check --write . to format and lint your entire project.

Frequently Asked Questions about biome

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

FAQPage Schema
How do I lint and format JavaScript and TypeScript code with a single tool?

You can lint and format JavaScript, TypeScript, JSX, CSS, and GraphQL code using Biome, which provides a unified binary to replace separate linting and formatting tools. Run `biome check --write .` to automatically format and lint your entire project.

Can I migrate my existing ESLint and Prettier configurations to Biome?

Yes, you can migrate existing ESLint and Prettier configurations to Biome using a single command. Biome is designed as a unified replacement for both tools, allowing you to consolidate your frontend linting and formatting workflows.

Does Biome support type-aware linting without needing the TypeScript compiler?

Yes, Biome supports type-aware linting that catches errors based on your code's type information without needing the TypeScript compiler. This allows you to detect type-related issues directly during the linting process.

How do I define custom linting rules for my frontend project?

You can define project-specific custom linting rules in Biome using GritQL. This allows you to enforce specialized code style and error detection rules tailored to your JavaScript and TypeScript frontend workflows.

What is the best way to enforce consistent code style in a React and TypeScript project?

Using a unified tool like Biome is an effective way to enforce consistent code style in React and TypeScript projects. It automatically formats code on save and enforces project-wide linting rules in CI pipelines.

Are there limitations when replacing ESLint and Prettier with Biome for frontend workflows?

While Biome replaces ESLint and Prettier for JavaScript, TypeScript, JSX, CSS, and GraphQL formatting and linting, its scope is limited to these languages. You may still need additional tools for languages or specialized linting rules outside this ecosystem.