Biome Skill

Overview

Expert knowledge for Biome, an extremely fast toolchain for web projects (replaces ESLint and Prettier).

---

<workflow>

References Index

For detailed guides on configurations and overrides:

• Standard Configuration
  • Formatter, linter rules, and JS style setups.
• Linter Overrides
  • Overrides for UI components (ShadCN), routing files, and generated code modules.

</workflow>

---

<example>

Example Configuration

Minimal biome.json with workspace overrides:

{
  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
  "organizeImports": { "enabled": true },
  "formatter": {
    "indentStyle": "space",
    "indentWidth": 2,
    "lineWidth": 100
  },
  "linter": {
    "enabled": true,
    "rules": { "recommended": true }
  },
  "overrides": [
    {
      "include": ["**/*.generated.ts"],
      "linter": { "enabled": false }
    }
  ]
}

</example>

---

Official References

• https://biomejs.dev/
• https://biomejs.dev/linter/rules/
• https://biomejs.dev/formatter/

Shared Styleguide Baseline

• Use shared styleguides for generic language/framework rules to reduce duplication in this skill.
• General Principles
• Biome
• Keep this skill focused on tool-specific workflows, edge cases, and integration details.

<guardrails> ## Guardrails

Add guardrails instructions here. </guardrails>

<validation> ## Validation

Add validation instructions here. </validation>