Show dev tools snapshot on package pages (package manager, formatter ,linter, etc.)

[Navidtm]

Hey team!
this site is much better than the official one.

One thing that would make package pages even more useful: a quick "Dev Toolbox" section that shows what tools the project uses, based on config files/lockfiles/devDeps in the published tarball.
Something compact like:

• Package Manager: pnpm (or Yarn / npm / Bun / none detected)
• Linting: Biome (or ESLint / oxlint / none)
• Formatting: Prettier (or Biome / dprint / none)
• Testing: Vitest (or Jest / none detected)
• Build: Vite (or Rollup / Webpack / esbuild / none)

Just icons + names, maybe with tooltips linking to the actual config/lockfile in the source viewer.
It would instantly tell users how modern/maintained the project is and help people discover better tooling combos. Super low-effort info but high value.
Happy to discuss details if you're interested!

[Navidtm]

We can detect the tools directly from package.json:

Package Manager: read the top-level "packageManager" field (e.g. "packageManager": "pnpm@10.30.2")
Linting / Formatting / Testing / Build: look at the "scripts" section
(e.g. "lint": "biome lint ...", "format": "prettier ...", "test": "vitest", "build": "vite build")

Important: If there’s no "lint" script, don’t show the Linting row at all. Same for format, test, build, etc. Only show what the maintainer has actually configured.