Proteus: 멀티모달 창작을 위한 AI‑네이티브 편집기

발행: 1개월 전 (2026년 1월 2일 오후 01:19 GMT+9)

4 분 소요

Source: Dev.to

Overview

저는 Proteus라는 오픈‑소스 멀티모달 에디터(예: Figma와 Notion의 결합)를 만들고 있습니다. 처음부터 AI‑네이티브이며, AI가 대부분의 코드를 작성하고 저는 아키텍처, 기술적 결정, 품질 관리에 집중합니다.

Why this matters

2025년까지 Cursor와 Claude 같은 도구들은 약 80 %의 상황에서 충분히 좋은 코드를 생성할 수 있게 됩니다. 질문은 *“AI가 코딩할 수 있는가?”*에서 *“AI가 코딩할 수 있을 때 무엇이 가치 있게 되는가?”*로 이동합니다. 저는 가치 있는 기술이 시스템 설계, 기술적 의사결정, 그리고 엔드‑투‑엔드 소유권이라고 생각합니다—단순히 API를 아는 것만으로는 부족합니다.

What makes Proteus different

AI‑native from day one

모든 아키텍처 결정은 AI 친화성을 최우선으로 합니다. 이는 나중에 AI를 얹어 놓은 것이 아니라, 첫 번째 코드 라인부터 AI 협업을 위해 설계된 것입니다.

Fully transparent

모든 코드, 아키텍처 결정, 그리고 배운 교훈은 공개됩니다. 저는 매주 기술 블로그 글로 전체 과정을 문서화하고 있습니다.

Real editor, not a toy

Phase 1이 완료되어 작동하는 데모가 있습니다. 도형, 텍스트, 이미지 생성, 변형, 복사/붙여넣기, 실행 취소/다시 실행 등 핵심 에디터 기능을 모두 사용할 수 있습니다.

Learning resource

에디터가 어떻게 동작하는지(씬 그래프, 렌더링, 인터랙션 시스템) 혹은 AI 협업을 위해 코드를 어떻게 구조화하는지 이해하고 싶다면, 이것은 실시간 사례 연구가 될 것입니다.

Current status

✅ Phase 1: 핵심 편집(씬 그래프, 렌더링, 인터랙션, 툴)
🚧 Phase 2: 멀티모달 요소(비디오, 오디오, 웹 임베드)
📋 Phase 3: AI 에이전트 통합(자연어 → 에디터 액션)
📋 Phase 4: 실시간 협업

Try it

Live demo:

Code

GitHub repository:

Articles

Tech blog: 아키텍처, 렌더링, 인터랙션 디자인을 다룬 4개의 기사

Experiment

AI가 생성한 코드를 검토하는 것을 멈추고 대신 아키텍처, 문제 진단, 그리고 테스트와 컨텍스트 구축을 통해 AI를 안내하는 데 전념하면 어떻게 될까요? 이것이 제가 Proteus와 함께 탐구하고 있는 실험입니다.

커뮤니티의 피드백—특히 복잡한 프론트엔드 앱을 구축하거나 AI‑네이티브 개발 워크플로우에 대해 고민하는 분들의 의견—을 환영합니다.