说实话，我第一次看到这个项目的时候，第一反应只有 四个字 ：

这也行？

一个叫 TailwindSQL 的东西，最近在 X 上被转疯了。

玩法很简单—— 用 CSS 的 className，来写 SQL 查询。

前端已经发展到这一步了吗

先看一段代码：

DBclassName="db-users-name-where-id-1" />

如果你是 前端 ，下意识会以为这是在 写样式 ；

如果你是 后端 ，大致率已经开始皱眉了。

但它实际做的事情是：

SELECTnameFROMusersWHEREid=1;

那一刻我是真的愣了一下。

TailwindSQL 到底在干嘛

简单说，它就是把 SQL 拆成了一段段 「类名」 。

有点像 TailwindCSS 对 CSS 做的事情：

db-users
db-users-name
db-users-name-where-id-1
db-products-orderby-price-desc

这些 className 最终会被解析成 SQL ，在 React Server Components 里直接执行。

你甚至不用写 API ，也不用 ORM 。

那它靠谱么？

如果从工程角度讲，答案实则很明确：

不太行。

SQL 的麻烦，从来不在语法。

而在于：

• 表关系

• JOIN

• 子查询

• 事务

• 权限

• 边界条件

一旦查询稍微复杂一点， className 只会越写越长， 最后变成一串谁都不想维护的东西。

说实话，我很难想象在真实项目里，会有人认真地写：

className="
db-orders-user-products-join
where-user-age-gt-18
and-order-status-paid
groupby-user-id
"

这已经不是 DSL 了，这是折磨。

我不觉得 TailwindSQL 会被用在生产环境， 它更像是一次 vibe coding 的产物。

至于用不用？看看就好，然后继续写你该写的 SQL 。