再见 ESLint 和 Prettier，用 AI 写代码的新格式化搭档登场！

作者：前端充电宝

原文：mp.weixin.qq.com/s/TPBg4mOeY...

十多年来，前端开发工具链一直围绕代码质量打转。我们经历过：

JSLint 的开山之作；
到 ESLint 的模块化与插件体系；
再到 Prettier 的格式自动化；
近年来，又有 Oxc 和 Biome 引入更高性能的 Rust 实现。

今天，这个进化链条又迎来了一个新角色 ------ Ultracite。

它不是另一个"重造轮子"的尝试，而是把代码检查、格式统一、AI 协作、团队规范整合进一套统一工具体系的现代方案。

如果你厌倦了为格式问题反复调试、写了好 prompt 却被 Lint 卡住，那可能是时候看看 Ultracite 了。

Shadcn UI 作者推荐

Ultracite 是什么？

Ultracite 是一个围绕 Biome 构建的零配置开发助手，专为现代前端项目设计，尤其适用于强调开发效率、代码一致性和 AI 协同写作的团队。

它不是独立工具链，而是 Biome 的最佳使用方式。

而 Biome 本身，也值得一提 ------ 它由原 Rome 项目在 2023 年重构而来，使用 Rust 编写，集格式化、Lint、Codemod、解析器于一身，被称为"Rust 版 Prettier + ESLint 的合体"。

Ultracite 则进一步把这套核心能力变得"开箱即用"，不需要任何繁琐配置。

为什么它开始流行？

一行命令，完成整个配置

传统项目总是少不了一堆初始化步骤：

eslint --init
.eslintrc.json / .prettierrc
安装各种插件（TS、React、a11y...）
配 Git 钩子、配置编辑器...

而 Ultracite 只需要一句话：

csharp 复制代码

npx ultracite init

它会自动完成：

安装 Biome、Husky 等依赖
创建配置文件（biome.json）
配置 VSCode / Cursor / Zed 等主流编辑器
设置 Git 提交前自动格式化（通过 Husky）
生成给 AI 工具阅读的代码规范文档

适合新项目初始化，也适合老项目"告别繁琐"的一次性换血。

极速格式化，几乎无感延迟

得益于 Rust 的高性能特性，Biome 格式化代码的速度比 Prettier 快 约 35 倍。保存代码时几乎看不到延迟，自动修复体验也更流畅。

它支持：

实时语法检查 / 错误提示
保存时自动格式化
支持命令行修复

甚至你可以完全不在意它是否在运行------因为它快到你会"忘记它的存在"。

内置一套现代规则集

Ultracite 默认就包含一套现代、覆盖面广的代码风格规范：

TypeScript 严格模式
React / Next.js 推荐实践
Node.js 项目规范
a11y 可访问性规则
风格统一（两空格、最大行宽等）

json 复制代码

// biome.json
{
  "extends": ["ultracite"]
}

你可以像 ESLint 一样进一步覆盖、调整某些规则。但即使不动，它也已经非常"安全通用"，能支撑大多数现代项目。

AI 友好，不止是能用

Ultracite 不只是能在 AI 辅助开发中"凑合用"，它是为 AI 写代码而设计的。

自动生成 AI 可读规范

Ultracite 在初始化过程中会根据你的规则集，自动生成对应的 Markdown 文件。这些文件使用自然语言，详细描述项目代码规范，供 AI 辅助工具读取和参考。

AI 工具可以直接读取这些文档，提前了解项目风格，避免频繁地"写错 → 你去改 → 再问 AI"的低效循环。

MCP 服务：让 AI 自动"知道规范"

Ultracite 提供了 MCP 服务，它会自动将项目的代码规范转化为 API 接口，供 AI 工具实时访问。

这意味着：

无需手动复制粘贴规范；
AI 工具能主动读取行宽、缩进、命名规则等详细信息；
写代码时更贴合项目风格，避免"提示词来回调试"。

配置示例如下：

json 复制代码

{
  "mcpServers": {
    "ultracite": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://www.ultracite.ai/api/mcp/http"
      ]
    }
  }
}

这是真正为 AI 设计的协作接口，让人和模型共享同一套上下文。

与主流开发流程无缝融合

Ultracite 还帮你自动配置好了：

Husky ：git commit 前自动格式化
lint-staged / lefthook：多文件快速格式检查
VSCode / Zed / Cursor：编辑器默认 formatter 设置

确保团队中每个人、每个提交，都不会"破坏"项目的代码风格。

ESLint 和 Prettier 的问题？

虽然 ESLint 和 Prettier 是当前生态的主力工具，但它们存在一些不可忽视的局限：

性能瓶颈：JS 写的 Lint 工具在大型项目中处理速度明显下降。
配置繁琐：两个工具要分别配置，且规则之间容易冲突。
缺乏 AI 适配：不支持 AI 工具理解项目规范，需人工复制粘贴规则。
工具分散：格式、校验、提交、命名往往分多个插件完成。

而 Ultracite 做到的是一次性整合，统一规则、统一工具、统一上下文。

如何开始使用 Ultracite？

非常简单，只需四步：

运行初始化命令：

csharp 复制代码

npx ultracite init

选择项目参数：
- 包管理器（npm / bun / yarn / pnpm）
- 编辑器（VSCode / Cursor / Zed）
- 是否启用 Husky / lint-staged 等钩子
自动生成文件：
- biome.json 规则配置
- AI 助手说明文件
- .vscode/settings.json 格式化集成
- .husky/pre-commit 钩子
安装 Biome 插件（VSCode）

之后所有格式化、Lint、提交检查、AI 写代码时的规范判断都自动接管，无需你操心。

写在最后

过去我们常常一边装 ESLint 和 Prettier，一边纠结规则冲突、插件版本，再一边调 AI 提示词------只为写出一段"干净整洁"的代码。

今天，你可以只用一句命令，就让这些工作全部自动完成。

Ultracite 不是又一个新工具链，而是对前端开发方式的一次重新组织。

它更快、更简洁、更智能，尤其适合强调效率、规范和 AI 协同的现代开发场景。

如果你也在寻找下一代开发体验，Ultracite 值得你认真试一试。

Github ：github.com/haydenbleas...