setup-biome

Automate Biome linter setup with Ultracite preset for JavaScript and TypeScript projects.

3|1|Updated Mar 23, 2026

Search Tags:#typescript #setup #biome #lint #hook #ultracite

Ready to run

npx skills add https://github.com/malinskibeniamin/skills --skill setup-biome

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: setup-biome
Source: https://github.com/malinskibeniamin/skills/tree/main/setup-biome
Command: npx skills add https://github.com/malinskibeniamin/skills --skill setup-biome

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the setup of a Biome linter with Ultracite, creates the biome.jsonc configuration, and wires a Claude Code Stop hook for automated pre-commit fixes.

Core Features & Use Cases

Install Biome + Ultracite preset and initialize a standardized lint/format workflow
Create a biome.jsonc extending ultracite core and ultracite react configurations with git-based versioning and strict rules
Configure a Stop hook to auto-fix lint/format on changed JS/TS files, while skipping noUnusedImports to avoid deletion loops
Use in projects that require strong code quality gates and consistent style

Quick Start

Copy scripts/biome-autofix.sh to .claude/hooks/ and chmod +x to enable the auto-fix pre-commit style.

Frequently Asked Questions about setup-biome

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

FAQPage Schema

How do I set up Biome with Ultracite for linting and formatting?▼

To set up Biome with Ultracite, you initialize the linter, create a biome.jsonc extending the Ultracite core and React configurations, and wire a Claude Code Stop hook for automated pre-commit auto-fixes.

Can I auto-fix lint and format issues on pre-commit in a TypeScript project?▼

Yes, you can auto-fix lint and format issues by configuring a Stop hook that runs on changed JavaScript and TypeScript files, applying Biome fixes while skipping noUnusedImports to avoid deletion loops.

Does the Biome Ultracite setup require a specific hook environment to work?▼

The Biome Ultracite setup requires a Claude Code environment with a stop-hook workflow to function properly, ensuring automated lint enforcement and formatting checks execute seamlessly.

What is the best way to enforce strict lint rules and consistent style in JavaScript?▼

Enforcing strict lint rules and consistent style is best achieved by extending the Ultracite core configuration in your biome.jsonc, utilizing git-based versioning and strict rule sets for strong code quality gates.

Why does the Biome auto-fix hook skip noUnusedImports?▼

The Biome auto-fix hook skips noUnusedImports to prevent infinite deletion loops during the automated pre-commit formatting process, ensuring stable execution when fixing changed JS and TS files.

How do I enable the pre-commit auto-fix script for Biome?▼

To enable the pre-commit auto-fix script, copy scripts/biome-autofix.sh to .claude/hooks/ and run chmod +x to make it executable, activating the automated formatting workflow.