nexu-io/open-design

OpenDesign – 협업 AI 기반 디자인 워크스페이스

정의 – OpenDesign은 데스크톱 우선 애플리케이션으로, 팀이 대규모 언어 모델(LLM) 코딩 에이전트와 협력하여 웹 프로토타입, 슬라이드 덱, 이미지, 대시보드, 모션 그래픽 비디오와 같은 디자인 산출물을 생성, 반복, 출시할 수 있게 합니다. 이 제품은 자체 AI 모델을 포함하지 않으며, 대신 플러그인 / MCP 시스템을 통해 설치된 모든 "코딩 에이전트"(Claude, Codex, DeepSeek, Cursor, Copilot 등)에 연결하여 사용자가 이미 신뢰하는 모델을 선택할 수 있게 합니다.

주요 기능

• 워크스페이스 및 스튜디오 – 단일 프로젝트 뷰에서 브리프(DESIGN.md에 작성)가 에이전트를 구동하여 라이브 미리보기 HTML, React/Vue 코드, 슬라이드 덱 또는 이미지/비디오 자산을 생성합니다. UI에는 라이브 iframe, 에이전트와의 채팅 스타일 대화, 디자인 시스템 토큰 패널이 표시됩니다.
• 디자인 시스템 및 템플릿 – 150개 이상의 기성 디자인 시스템 패키지(브랜드 자산, CSS 토큰, 선택적 컴포넌트 라이브러리)와 수십 개의 HTML 기반 프로토타입/덱 템플릿을 제공하며, 에이전트가 렌더링 시 참조할 수 있습니다.
• 플러그인 / 스킬 – 에이전트 기반 워크플로우(예: "대시보드 생성", "하이퍼프레임 비디오 만들기")를 노출하는 재사용 가능하고 버전 관리되는 디렉토리입니다. 사용자는 공식 플러그인을 설치하거나 직접 작성할 수 있습니다.
• 멀티 모델 지원 – 26개 이상의 코딩 에이전트 CLI(Claude, Codex, DeepSeek Harness, Cursor, Copilot 등)용 내장 어댑터. 설치는 od mcp install claude와 같은 한 줄로 완료됩니다.
• 로컬 우선 및 BYOK – 사용자 머신에서 완전히 실행됩니다(macOS/Windows, Linux는 소스 빌드). BYOK 프록시를 사용하면 SSRF 보호와 함께 데몬을 모든 OpenAI 호환 엔드포인트로 지정할 수 있습니다.
• 내보내기 옵션 – 프로토타입은 샌드박스 HTML, 덱은 HTML/PDF/PPTX/ZIP/Markdown, 이미지는 프롬프트 템플릿에서, 비디오는 오픈소스 HyperFrames 엔진(HTML + CSS + GSAP → 헤드리스 Chrome + FFmpeg를 사용한 결정적 MP4)을 통해 생성할 수 있습니다.

일반적인 워크플로우

1. 브리프 작성 – DESIGN.md를 작성하거나 예제를 선택합니다.
2. 코딩 에이전트 선택 – 원하는 CLI를 설치합니다(od mcp install codex).
3. 생성 – 에이전트가 브리프, 활성 디자인 시스템, 템플릿을 읽고 라이브 미리보기를 보면서 코드/자산을 스트리밍합니다.
4. 반복 – 대화를 계속하고 "조정 패널"에서 매개변수를 조정하면 iframe이 즉시 업데이트됩니다.
5. 내보내기 / 핸드오프 – 최종 HTML, PPTX 또는 MP4를 다운로드하거나 생성된 코드를 개발자가 개선할 수 있도록 리포지토리에 푸시합니다.

중요성 – LLM을 일반 챗봇이 아닌 디자인 엔진으로 취급함으로써 OpenDesign은 제품 팀에게 브랜드 일관성 있는 UI/UX 산출물을 위한 반복 가능하고 버전 관리되는 파이프라인을 제공하면서 데이터를 로컬에 유지하고 모델에 구애받지 않습니다.

---

빠른 시작(README에서)

• 데스크톱 다운로드 – 사전 빌드된 macOS(Apple Silicon 및 Intel) 및 Windows 바이너리가 제공됩니다. Linux 사용자는 소스에서 빌드할 수 있습니다.
• 세 가지 명령 설정 – README의 배지는 QUICKSTART.md를 가리키며, 세 가지 명령(다운로드, 코딩 에이전트 설치, od daemon start 실행)만으로 시작할 수 있다고 주장합니다.

---

라이선스 – Apache 2.0.

---

위의 모든 세부 사항은 리포지토리의 README에서 직접 가져온 것이며 추가 기능은 추론되지 않았습니다.