kgoedecke/doop

해결하는 문제

Doop은 인간과 AI 에이전트가 UI/UX 디자인을 실시간으로 공동 작업할 수 있는 멀티플레이어 디자인 캔버스입니다. 기존의 '프롬프트 입력 후 새로고침' 워크플로우를 대체하여, 에이전트가 디자인 변경 사항을 공유 캔버스에 직접 스트리밍하고 인간이 이를 지켜보며 함께 편집할 수 있도록 합니다.

작동 방식

이 플랫폼은 'Frames'(샌드박스 iframe 내에서 실제 HTML을 렌더링하는 아트보드)를 포함하는 공유 가능한 캔버스를 사용합니다. 내장된 MCP (Model Context Protocol) 서버를 제공하여 Claude Code와 같은 외부 AI 클라이언트가 연결되어 캔버스를 실시간으로 편집할 수 있습니다. 또한 'Doop Agent' 기능을 통해 UX, 카피라이팅, 브랜드, 접근성 등 전문적인 역할을 수행하는 서버 측 AI 팀을 채팅 멘션이나 작업 카드를 통해 호출할 수 있습니다.

대상 사용자

AI 에이전트를 단순한 프롬프트 기반 생성 도구가 아닌, 능동적인 공동 작업자로 디자인 프로세스에 통합하고자 하는 디자이너, 개발자 및 제품 팀.

주요 특징

• 실시간 공동 작업: 인간과 에이전트 모두를 위한 실시간 커서, 상태 표시기 및 활동 피드.
• MCP 통합: MCP 클라이언트(예: Claude Code)에 연결하여 에이전트가 사용자처럼 작업할 수 있도록 지원.
• 내장 디자인 팀: 역할 파이프라인을 통해 라우팅 가능한 전문 서버 측 에이전트.
• 디자인 메모리: 예시 프레임을 기반으로 에이전트가 따라야 할 지속적인 스타일 규칙을 제안하는 '가이드라인 추출기'.
• 유연한 배포: Docker 또는 Bun을 통해 자체 호스팅이 가능하며, Postgres (PGlite) 데이터베이스가 내장됨.
• 외부 통합: 웹사이트, 라이브 앱, GitHub 저장소에서의 가져오기를 지원하며, Linear와 통합하여 티켓 기반의 디자인 작업을 관리 가능.