skills.rest
malinskibeniamin
malinskibeniaminCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/malinskibeniamin/skills --skill setup-biome
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
rishi-harti768rishi-harti768

ultracite

Automates zero-config linting and formatting setup for JavaScript/TypeScript projects.

Community
Advanced
notquenotque
415

code-linting

Run ruff and Biome linting with auto-fixes across Python and JavaScript projects.

Community
Intermediate
patricio0312revpatricio0312rev
5

eslint-prettier-config

Configure ESLint and Prettier for TypeScript and React projects.

Community
Advanced
mohamed-g-shoaibmohamed-g-shoaib

eslint-prettier-config

Configure ESLint and Prettier for TypeScript and React projects.

Community
Intermediate