docs: update README files to add badge and instructions (#20115)

lumirlumir · web-flow · commit 90a71bf5024a · 2025-09-24T16:39:40.000+08:00
* docs: update `README` files to enhance badge visibility and add more instructions

* wip

* wip: rename to x
diff --git a/README.md b/README.md
@@ -13,7 +13,7 @@
 [Contribute to ESLint](https://eslint.org/docs/latest/contribute) |
 [Report Bugs](https://eslint.org/docs/latest/contribute/report-bugs) |
 [Code of Conduct](https://eslint.org/conduct) |
-[Twitter](https://twitter.com/geteslint) |
+[X](https://x.com/geteslint) |
 [Discord](https://eslint.org/chat) |
 [Mastodon](https://fosstodon.org/@eslint) |
 [Bluesky](https://bsky.app/profile/eslint.org)
diff --git a/packages/eslint-config-eslint/README.md b/packages/eslint-config-eslint/README.md
@@ -1,23 +1,49 @@
-[![npm version][npm-image]][npm-url]
+[![npm version](https://img.shields.io/npm/v/eslint-config-eslint.svg)](https://www.npmjs.com/package/eslint-config-eslint)
+[![Downloads](https://img.shields.io/npm/dm/eslint-config-eslint.svg)](https://www.npmjs.com/package/eslint-config-eslint)
+[![Build Status](https://github.com/eslint/eslint/workflows/CI/badge.svg)](https://github.com/eslint/eslint/actions)
+<br>
+[![Open Collective Backers](https://img.shields.io/opencollective/backers/eslint)](https://opencollective.com/eslint)
+[![Open Collective Sponsors](https://img.shields.io/opencollective/sponsors/eslint)](https://opencollective.com/eslint)
 
 # ESLint Configuration
 
-[Website](https://eslint.org) | [Configure ESLint](https://eslint.org/docs/latest/use/configure) | [Rules](https://eslint.org/docs/rules/) | [Contributing](https://eslint.org/docs/latest/contribute) | [Twitter](https://twitter.com/geteslint) | [Discord](https://eslint.org/chat) | [Mastodon](https://fosstodon.org/@eslint)
+[Website](https://eslint.org) |
+[Configure ESLint](https://eslint.org/docs/latest/use/configure) |
+[Rules](https://eslint.org/docs/rules/) |
+[Contribute to ESLint](https://eslint.org/docs/latest/contribute) |
+[Report Bugs](https://eslint.org/docs/latest/contribute/report-bugs) |
+[Code of Conduct](https://eslint.org/conduct) |
+[X](https://x.com/geteslint) |
+[Discord](https://eslint.org/chat) |
+[Mastodon](https://fosstodon.org/@eslint) |
+[Bluesky](https://bsky.app/profile/eslint.org)
 
 Contains the ESLint configuration used for projects maintained by the ESLint team.
 
 ## Installation
 
-You can install ESLint using npm:
+You can install ESLint using npm or other package managers:
 
 ```shell
-npm install eslint --save-dev
+npm install eslint -D
+# or
+yarn add eslint -D
+# or
+pnpm install eslint -D
+# or
+bun add eslint -D
 ```
 
 Then install this configuration:
 
 ```shell
-npm install eslint-config-eslint --save-dev
+npm install eslint-config-eslint -D
+# or
+yarn add eslint-config-eslint -D
+# or
+pnpm install eslint-config-eslint -D
+# or
+bun add eslint-config-eslint -D
 ```
 
 ## Usage
@@ -87,6 +113,3 @@ export default defineConfig([eslintConfigESLint, eslintConfigESLintFormatting]);
 ### Where to ask for help?
 
 Open a [discussion](https://github.com/eslint/eslint/discussions) or stop by our [Discord server](https://eslint.org/chat) instead of filing an issue.
-
-[npm-image]: https://img.shields.io/npm/v/eslint-config-eslint.svg?style=flat-square
-[npm-url]: https://www.npmjs.com/package/eslint-config-eslint
diff --git a/packages/js/README.md b/packages/js/README.md
@@ -1,8 +1,22 @@
 [![npm version](https://img.shields.io/npm/v/@eslint/js.svg)](https://www.npmjs.com/package/@eslint/js)
+[![Downloads](https://img.shields.io/npm/dm/@eslint/js.svg)](https://www.npmjs.com/package/@eslint/js)
+[![Build Status](https://github.com/eslint/eslint/workflows/CI/badge.svg)](https://github.com/eslint/eslint/actions)
+<br>
+[![Open Collective Backers](https://img.shields.io/opencollective/backers/eslint)](https://opencollective.com/eslint)
+[![Open Collective Sponsors](https://img.shields.io/opencollective/sponsors/eslint)](https://opencollective.com/eslint)
 
 # ESLint JavaScript Plugin
 
-[Website](https://eslint.org) | [Configure ESLint](https://eslint.org/docs/latest/use/configure) | [Rules](https://eslint.org/docs/rules/) | [Contributing](https://eslint.org/docs/latest/contribute) | [Twitter](https://twitter.com/geteslint) | [Chatroom](https://eslint.org/chat)
+[Website](https://eslint.org) |
+[Configure ESLint](https://eslint.org/docs/latest/use/configure) |
+[Rules](https://eslint.org/docs/rules/) |
+[Contribute to ESLint](https://eslint.org/docs/latest/contribute) |
+[Report Bugs](https://eslint.org/docs/latest/contribute/report-bugs) |
+[Code of Conduct](https://eslint.org/conduct) |
+[X](https://x.com/geteslint) |
+[Discord](https://eslint.org/chat) |
+[Mastodon](https://fosstodon.org/@eslint) |
+[Bluesky](https://bsky.app/profile/eslint.org)
 
 The beginnings of separating out JavaScript-specific functionality from ESLint.
 
@@ -13,8 +27,28 @@ Right now, this plugin contains two configurations:
 
 ## Installation
 
+You can install ESLint using npm or other package managers:
+
+```shell
+npm install eslint -D
+# or
+yarn add eslint -D
+# or
+pnpm install eslint -D
+# or
+bun add eslint -D
+```
+
+Then install this plugin:
+
 ```shell
 npm install @eslint/js -D
+# or
+yarn add @eslint/js -D
+# or
+pnpm install @eslint/js -D
+# or
+bun add @eslint/js -D
 ```
 
 ## Usage
