dineug/erd-editor
Design database schemas as ERDs in your browser, VS Code, JetBrains IDEs or Obsidian. Import SQL, DBML and GraphQL, export DDL and code, and let coding agents edit live over MCP.
해결하는 문제
ERD Editor는 데이터베이스 스키마 설계를 위한 통합된 시각적 환경을 제공합니다. 웹 브라우저, IDE(VS Code, JetBrains), Obsidian과 같은 메모 앱 전반에서 일관된 경험을 제공하여 데이터베이스 모델링의 파편화 문제를 해결하고, AI 코딩 에이전트가 설계 과정에 참여할 수 있도록 합니다.
작동 방식
데이터베이스 스키마를 표현하기 위해 단일 .erd.json 파일 형식을 사용합니다. 이 프로젝트에는 시각적 다이어그램을 렌더링하는 핵심 커스텀 요소(<erd-editor>)가 포함되어 있습니다. AI 통합을 위해 Claude Code나 Codex와 같은 코딩 에이전트가 에디터 캔버스 내에서 직접 스키마를 읽고, 수정하고, 협업할 수 있도록 하는 MCP(Model Context Protocol) 서버를 제공합니다.
대상 사용자
데이터베이스 스키마를 설계, 시각화 또는 수정해야 하며, 이러한 워크플로우를 기존 IDE에 통합하거나 AI 에이전트를 활용하여 스키마 업데이트를 자동화하려는 개발자 및 데이터베이스 아키텍트를 위한 도구입니다.
주요 특징
- 멀티 플랫폼 지원: 웹 앱, VS Code/JetBrains 확장 프로그램, Obsidian 플러그인, Google Drive 앱으로 작동합니다.
- AI 지원: AI 에이전트가 협업자로서 시각적 스키마를 직접 편집할 수 있게 해주는 MCP 서버가 포함되어 있습니다.
- 광범위한 가져오기/내보내기: SQL DDL, GraphQL SDL, DBML 가져오기를 지원하며, 8가지 데이터베이스 유형과 22가지 프로그래밍 언어/ORM으로 내보낼 수 있습니다.
- 실시간 협업: WebRTC 기반의 암호화된 라이브 세션을 통한 팀 편집 기능을 제공합니다.
- 임베드 가능: 개발자가 자신의 애플리케이션에 모델링 도구를 삽입할 수 있도록 커스텀 요소(
<erd-editor>)를 제공합니다.
관련
- 프로젝트
- 프로젝트
- 프로젝트
- 프로젝트