From frontend-skills
Installs Biome linter with Ultracite preset, creates biome.jsonc config, and sets up a Claude Code Stop hook for auto-fix on changed JS/TS files.
How this skill is triggered — by the user, by Claude, or both
Slash command
/frontend-skills:setup-biomeThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
- **Biome** linter/formatter + **Ultracite** opinionated preset
noUnusedImports, avoid deletion loops)noConsole, cognitive complexity 15, noDeprecatedImports, restricted imports (moment/lodash/classnames/mobx/yup)bun add -D @biomejs/biome ultracite --yarn
biome.jsoncFrom REFERENCE.md. Extend ultracite/biome/core + ultracite/biome/react. VCS git on. Test files re-enable noExplicitAny.
{
"scripts": {
"lint": "biome check .",
"lint:fix": "biome check --write .",
"lint:file": "biome check",
"lint:fix:file": "biome check --write"
}
}
Copy scripts/biome-autofix.sh -> .claude/hooks/. chmod +x. Add to Stop.
bun run lint + bun run lint:fix worknpx claudepluginhub redpanda-data/ui-harness --plugin frontend-skillsZero-config linting and formatting preset for JS/TS projects with Biome, ESLint, or Oxlint backends. Handles setup, diagnostics, and code quality enforcement.
Set up Biome (default) or ESLint + Prettier, Vitest testing, and pre-commit hooks for any JavaScript/TypeScript project. Uses Bun as the package manager.
Configures Biome for JavaScript/TypeScript projects including biome.json setup, schema versions, VCS integration, file ignores, and formatter/linter rules. Use for new projects or config migrations.