开源 AI 数据库 IDE Dribble 发布，支持自然语言查询 Postgres

Dribble 是一款开源、基于 Web 的 SQL IDE，内置 AI 数据分析 agent。用户在浏览器中连接 Postgres 数据库后，可在同一工作区内浏览 schema、在 Notebook 中编写并执行查询，并通过自然语言向 AI 提问，让其自动生成只读 SQL 并返回结果表。项目以 MIT 协议发布，目前仅支持 Postgres，但底层采用了可插拔的驱动架构，便于后续扩展 MySQL、Snowflake 等数据源。

核心功能

Dribble 的功能围绕「SQL 笔记本 + AI 助手」两个核心展开：

• AI 数据分析师：底层使用 Claude Opus 4.8，agent 会检查 schema、生成并执行只读 SQL，在出错时自动迭代重试，最终将结果以表格形式渲染。
• SQL 笔记本：基于 Monaco 编辑器，支持语法高亮与 Cmd/Ctrl + Enter 快捷执行，Notebook 及其结果会被持久化保存。
• Schema 浏览：从可折叠的侧边栏树中浏览数据库的 schema 与表结构。
• 表数据探索：支持服务端分页、列排序以及原始 WHERE 子句过滤。
• 高性能结果网格：大结果集使用虚拟化表格渲染，避免页面卡顿。
• 持久化工作区：打开的标签页、面板布局、展开状态以及查询/聊天缓存都会在刷新后保留，由于状态存储在服务端，可跨浏览器同步。
• 智能连接管理：数据库驱动在使用期间保持活跃，空闲时自动回收，侧边栏会实时显示连接状态。

鉴权与多用户

Dribble 在部署上兼顾本地与多用户场景：

• 不配置任何鉴权时，应用直接以单内置用户启动，适合本地自用。
• 启用 Google OAuth 后，可限定允许登录的邮箱或域名，每个用户的连接、Notebook 与聊天记录相互隔离。
• 存储的数据库凭据使用 APP_SECRET 进行静态加密。

技术栈与运行方式

技术栈方面，Dribble 使用 Next.js 16、React 19、TypeScript、Tailwind CSS 4、Monaco Editor、glide-data-grid、Zustand，并通过 Vercel AI SDK 接入 Anthropic 模型，元数据统一存储在 Postgres 中。

本地运行需要准备：

• Node.js 20 及以上
• 一个 Postgres 实例（本地、Neon、Supabase、Vercel Postgres 均可），用于保存连接信息、Notebook 与聊天记录
• 一个 Anthropic API Key

随后克隆仓库、安装依赖、复制 .env.example 为 .env.local，填入 DATABASE_URL、APP_SECRET（可用 openssl rand -hex 32 生成）以及 ANTHROPIC_API_KEY，执行 npm run dev 即可在 http://localhost:3000 访问。首次启动时所需的元数据表会自动创建。

关于 AI 生成代码

作者在 README 中说明，项目大量借助 Claude Code 等 AI 编码工具完成，所有代码在提交前均经过人工 review，但仍建议生产环境使用前自行复核。