Linter Formatter Init

What it does

This skill initializes linters, formatters, and testing tools for JavaScript/TypeScript projects. It automates setup using either Biome (the default and recommended approach) or a legacy combination of ESLint and Prettier. The tool also configures pre-commit hooks to enforce code quality and sets up VS Code/Cursor settings for automatic formatting on save, ensuring consistent coding standards across your project.

When to use it

• Starting a new JavaScript or TypeScript project.
• Adding linting and formatting tooling to an existing project that lacks them.
• Standardizing code quality within a development team.
• Implementing pre-commit hooks to automatically enforce code style rules before committing changes.
• Setting up testing with Vitest, including coverage reporting.

Key capabilities

• Biome Setup (default): Configures Biome for linting and formatting. Always uses the latest version of Biome 2.3+.
• ESLint + Prettier Setup (legacy): Provides an alternative setup using ESLint and Prettier.
• Vitest Integration: Sets up Vitest for testing with optional coverage reporting.
• Husky & lint-staged: Configures pre-commit hooks to automatically lint and format code before commits.
• VS Code/Cursor Configuration: Enables automatic formatting on save within VS Code or Cursor editors.
• Bun Scripts: Adds convenient bun scripts for manual linting, formatting, and testing.

Example prompts

• "Initialize a new JavaScript project with Biome."
• "Set up ESLint and Prettier for my TypeScript project."
• "Add Vitest testing to my existing project."

Tips & gotchas

• Biome is the recommended default: The skill prioritizes using Biome for linting and formatting.
• Always uses latest Biome: This skill always installs the latest version of Biome 2.3 or higher, ensuring you have the most up-to-date features and bug fixes.
• Requires Python 3: The setup script is executed using python3.