Biome is a high-performance, Rust-based unified toolchain for linting, formatting, and organizing imports in JavaScript, TypeScript, and CSS projects.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install biome
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install biome using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Biome?
Biome serves as a comprehensive replacement for fragmented toolchains like ESLint and Prettier, offering a single binary that handles multiple code quality tasks with extreme speed. By leveraging Openclaw Skills to implement Biome, developers benefit from a tool that provides 97% compatibility with Prettier while introducing advanced features like type-aware linting and GritQL for custom rules.
The tool is designed for modern web development, supporting JSX, GraphQL, and CSS out of the box. Its zero-config-by-default philosophy makes it ideal for teams looking to reduce maintenance overhead and accelerate CI/CD pipelines without sacrificing deep code analysis or formatting precision.
Biome Use Cases
- Unified formatting and linting for React, Next.js, and TypeScript projects to eliminate toolchain friction.
- Migrating from complex ESLint and Prettier setups to a faster, single-config solution using Openclaw Skills.
- Implementing type-aware linting to catch bugs like unhandled promises or unnecessary conditions natively.
- Automating import organization and sorting across large-scale monorepos to maintain clean module structures.
- Enforcing project-specific standards via custom GritQL rules for JavaScript and CSS files.
How Biome Works
- Initialize the project environment by creating a central biome.json configuration file at the root.
- Define file inclusion and exclusion patterns using the files.includes key to scope the tool's impact.
- Activate specific technology domains such as React, Next.js, or Test to enable tailored linting rules.
- Execute the biome check command to run the linter, formatter, and import organizer in a single high-speed pass.
- Apply safe or unsafe fixes using the write flag to automatically resolve style and logic issues identified by Openclaw Skills integrated logic.
- Integrate with CI environments using the specialized CI mode to ensure code quality standards are met before deployment.
Biome Setup
To get started with Biome using Openclaw Skills, install the package and initialize your configuration:
pnpm add --save-dev --save-exact @biomejs/biome
pnpm biome init
Ensure your biome.json is located at the project root. For VS Code users, install the Biome extension and set it as the default formatter to enable format-on-save functionality.
Biome Data Schema & Taxonomy
Biome organizes its configuration and operations around a central JSON schema. Below is how the data and metadata are structured:
| Component | Description |
|---|---|
biome.json |
The primary manifest for all linter, formatter, and assist rules. |
$schema |
A version-pinned URL ensuring configuration compatibility with the CLI version. |
files.includes |
A mandatory array for defining file scope; supports negation (e.g., !**/dist) for exclusions. |
domains |
Technology-specific rule groupings (e.g., react, types, next) for targeted analysis. |
overrides |
Granular settings applied to specific file patterns to bypass or modify global rules. |
Biome Advanced Features
- Type-aware linting: Rust-powered type inference engine that detects unhandled promises and misused async patterns without the overhead of the full TypeScript compiler.
- GritQL custom rules: A declarative pattern-matching language used to create bespoke lint rules for project-specific architecture patterns.
- Domain-based configuration: Context-aware rule sets that auto-detect dependencies like React, Playwright, or Drizzle ORM.
- Embedded snippet analysis: Automatic linting and formatting for CSS and GraphQL embedded within JavaScript template literals.
- VCS integration: Native support for Git to respect ignore files and enable processing of only staged or changed files.
SKILL.md
Loading
Related Openclaw Skills
Thepeer Integration
A comprehensive financial services integration for Openclaw Skills that provides a unified API for payments, wallets, and transactions across Africa.
Vext Integration
A powerful integration for AI agents to manage Vext data, documents, and workspace workflows through a secure, authenticated connection.
Revamp CRM
A comprehensive CRM integration skill for managing sales organizations, project pipelines, and customer interactions through AI agents.
2Captcha
A specialized skill enabling AI agents to seamlessly solve and bypass various CAPTCHA challenges using the 2Captcha human-powered service.
Tripetto
Tripetto is a conversational form and survey builder that enables AI agents to create, manage, and process interactive data collection workflows.
Signal Sciences
A powerful integration for managing Fastly Signal Sciences WAF data and security workflows through automated AI agent actions.
Featured*
