workflowstacks
design

drawdb

Free, simple, and intuitive online database diagram editor and SQL generator.
40,099 stars+102★ this week3,330 forksJavaScriptUpdated 10/15/2026100% free · open source
What it does

DrawDB lets you draw database entity‑relationship diagrams in the browser and instantly export the corresponding SQL CREATE statements for many DB engines.

When to use it
  • •You need a quick visual schema before writing any code.
  • •You want to share a DB design with a developer who prefers raw SQL DDL.
  • •You must iterate on foreign‑key relationships without fiddling with a database console.
Ready-to-paste prompt
npx drawdb && open http://localhost:3000 && # then in the UI create tables `users`, `orders` with a FK `orders.user_id → users.id` and export as PostgreSQL DDL
Heads up: DrawDB requires Node 14 or newer; if you get a “Cannot find module 'express'” error, first run `npm i -g drawdb` to install the package globally before using `npx drawdb`.
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🔑 Needs an API key

Works after you add credentials — the setup agent will ask you for them.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/drawdb && curl -fsSL https://workflowstacks.com/api/skills/drawdb/claude-skill -o ~/.claude/skills/drawdb/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How drawdb works
Codeflow
Free to inspect

Drawdb is a large JavaScript project (~41k lines across 237 code files). Setup is light: runs with Docker — add your API keys to .env. Last commit this month, AGPL-3.0 license, no tests found.

Size
Large codebase
~41k lines · 237 code files · ~6 h to skim
Setup
Light setup
Runs with Docker — add your API keys to .env.
Runs on
Node.js · Docker
Needs API keys (.env)
JavaScript 99%CSS 1%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    package.json
    Dependencies and the commands it exposes
  3. 3
    .env.sample
    The API keys and settings you must provide
  4. 4
    src/App.jsx
    Inside src/ — the main logic begins here
What's in each folder
src/Core code — the actual logic256 files
.github/CI / automation (GitHub Actions)5 files
public/Images & static assets3 files
READMENo tests foundDocumentedCI checksDocker readyAGPL-3.0 licenseUpdated this month
Quick Actions
Details
Creator
drawdb-io
Language
JavaScript
Category
design
Published
7/16/2023

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/drawdb.svg)](https://workflowstacks.com/skills/drawdb?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.

MCP config

PostgreSQL MCP config

Let Claude run read-only queries against your Postgres database.

Related skills

More design tools founders pair with this one.

design★ 392,732
openclaw: AI assistant that runs on any OS and protects your data
Backed by 391k+ GitHub stars, openclaw gives founders a cross‑platform personal AI assistant that runs locally, keeping your data under your control.
design★ 165,093
Stable Diffusion web UI for Design
Generate images with stable-diffusion-webui, a tool for founders. 163k+ GitHub stars.
design★ 113,119
Supabase: Rapid Postgres‑Backed Apps for Founders
Launch web, mobile, or AI products on a fully managed Postgres database with real‑time APIs and auth—ideal for startup teams. 111k+ GitHub stars.
design★ 5,313
rallly
Rallly is an open-source scheduling and collaboration tool designed to make organizing events and meetings easier.
design★ 15,101
ImageToolbox: Fast, Advanced Image Editing for Mobile Apps
Empower your Android app with ImageToolbox’s 15k+ GitHub stars, offering cropping, drawing, filters, OCR, and background removal—perfect for founders building photo‑heavy experiences.
design★ 16,233
labelme: Fast Image Annotation for Vision Projects
Build accurate polygon, rectangle, circle, line or point annotations—and AI‑assisted labeling—in Python. Ideal for founders developing computer‑vision models.