js-quality

Select Biome, ESLint, or Prettier toolchains for JavaScript projects.

1|Updated Nov 15, 2025
One-click install
npx skills add https://github.com/racurry/neat-little-package --skill js-quality
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: js-quality
Source: https://github.com/racurry/neat-little-package/tree/main/plugins/mr-sparkle/skills/js-quality
Command: npx skills add https://github.com/racurry/neat-little-package --skill js-quality

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JavaScript and TypeScript projects face divergent tooling choices. This skill explains when to use modern unified tooling (biome) versus traditional ESLint+Prettier setups, and how to balance project config with zero-config defaults.

Core Features & Use Cases

  • Tool selection philosophy: Prioritize project-configured tools; fallback to sensible defaults
  • Documentation-guided decisions: References to Biome, ESLint, and Prettier docs for advanced options
  • Learning aid: Helps users understand when to apply modern vs traditional JS tooling

Quick Start

Example user request: Decide the right linter/formatter pair for a JS project with or without existing config.

Frequently Asked Questions about js-quality

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

FAQPage Schema
How do I choose between Biome and ESLint+Prettier for my JavaScript project?

Tool selection depends on your project's existing configuration. Biome provides unified linting and formatting in a single tool with zero-config defaults, while ESLint+Prettier offers more granular control and wider ecosystem support. Prioritize project-configured tools; if none exist, Biome's modern approach reduces toolchain complexity.

What's the best way to migrate from ESLint and Prettier to Biome?

Migration involves detecting your current ESLint and Prettier configurations, understanding their rules, and translating them to Biome's equivalent settings. The process covers project-root config discovery and ensures your code quality standards remain consistent during the transition.

Can I use Biome with an existing TypeScript project that already has ESLint configured?

Yes. The tool-selection process detects existing configurations and applies group-priority logic to determine the active toolchain. Your project's current ESLint setup takes precedence; Biome becomes an option if you explicitly decide to migrate or if no configuration exists.

How do I set up linting and formatting for a new JavaScript project without existing tools?

For new projects without configuration, the tool-selection logic applies sensible defaults, falling back to Biome's zero-config approach. This delivers a concrete active-toolchain decision and configuration guidance without manual setup overhead.

What configuration files does the tool-selection process look for?

The process discovers project-root configuration by detecting biome.json, .eslintrc files, and Prettier config files. It prioritizes explicit project configurations and provides fallback guidance to default settings when none are found.

Why should I use a unified tool like Biome instead of separate linting and formatting tools?

Unified tooling reduces configuration complexity, eliminates tool conflicts, and improves build performance by running linting and formatting in a single pass. Modern tools like Biome balance speed with the capability traditionally split across ESLint and Prettier.