skills.rest
qdhenry
qdhenryCOMMUNITY
Explore all skills by this author →
GitHub

prettier-compare

Compare Biome formatting and IR against Prettier across JavaScript, TypeScript, and CSS.

Updated Apr 10, 2026
Search Tags:#typescript#javascript#prettier#ir#diff#formatter#code-formatting
One-click install
npx skills add https://github.com/qdhenry/Foundry-OSS --skill prettier-compare-qdhenry
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prettier-compare
Source: https://github.com/qdhenry/Foundry-OSS/tree/main/.agents/skills/prettier-compare
Command: npx skills add https://github.com/qdhenry/Foundry-OSS --skill prettier-compare-qdhenry

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure Biome's code formatting is consistent with Prettier by comparing Biome formatting (and its intermediate representations) against Prettier outputs across languages.

Core Features & Use Cases

  • Compare Biome formatting with Prettier across JavaScript, TypeScript, CSS, and other languages to surface differences.
  • Generate deterministic diffs and a summary report to review formatter changes before shipping.
  • Use cases include validating formatter changes, debugging formatting differences, and maintaining consistency across codebases.

Quick Start

Run the prettier-compare tool from the repository root to compare Biome formatting with Prettier and review the resulting diffs.

Frequently Asked Questions about prettier-compare

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

FAQPage Schema
How do I compare Biome formatting with Prettier to find inconsistencies?▼

To compare Biome formatting with Prettier, run the comparison workflow from your repository root to generate a deterministic diff report identifying formatting inconsistencies across JavaScript, TypeScript, and CSS.

What is the best way to debug code formatting differences between formatters?▼

Debug formatting differences by comparing Biome intermediate representations against Prettier outputs to generate a deterministic diff report that surfaces exact mismatches for targeted fixes.

Do I need bun and wasm-bindgen-cli to run Biome and Prettier formatting comparisons?▼

Yes, you need bun and wasm-bindgen-cli installed in your environment to execute the Biome and Prettier formatting comparison workflow and generate the deterministic diff report.

Does Biome formatting validation work for CSS and TypeScript?▼

Yes, Biome formatting validation works for CSS, TypeScript, JavaScript, and other languages, comparing formatting output and intermediate representations against Prettier to ensure consistency across your codebase.

Can I generate a summary report of formatter changes before shipping?▼

Yes, you can generate a deterministic diff and summary report to review Biome formatter changes before shipping, ensuring alignment with Prettier across JavaScript, TypeScript, and CSS.

Related Skills

Explore More Software Engineering Skills→
biomejsbiomejs
25.5k

prettier-compare

Compares Biome and Prettier formatting and intermediate representation outputs for JavaScript, TypeScript, CSS.

Official
Intermediate
mohamed-g-shoaibmohamed-g-shoaib

migrate-oxfmt

Migrate JavaScript/TypeScript formatter configs from Prettier or Biome to Oxfmt.

Community
Intermediate
MolcajeteAIMolcajeteAI
2

biome-setup

Configure Biome as a linter and formatter for TypeScript projects.

Official
Intermediate
phoenixvcphoenixvc

format

Format code across a detected tech stack using Prettier, Biome, Ruff, Black, dotnet format, or gofmt.

Official
Intermediate