Show HN: FableCut – A browser video editor AI agents can drive (zero deps)
TL;DR Highlight
타임라인 전체를 JSON 파일 하나로 표현하고 MCP/REST로 AI 에이전트가 직접 편집할 수 있는 브라우저 비디오 에디터로, Claude 같은 AI가 프롬프트 하나로 영상을 자동 컷편집하고 결과를 실시간으로 UI에 반영해준다.
Who Should Read
AI 에이전트를 활용한 미디어 자동화 파이프라인을 구축하려는 개발자, 또는 Claude Code 같은 LLM 도구로 비디오 편집 워크플로우를 자동화하고 싶은 풀스택 개발자.
Core Mechanics
- FableCut은 npm 의존성이 전혀 없고(zero dependencies) 단 하나의 `node server.js` 명령으로 실행되는 브라우저 기반 비선형 비디오 에디터다. Premiere 스타일의 타임라인 UI를 제공하면서도 외부 라이브러리 없이 동작한다.
- 이 프로젝트의 핵심 아이디어는 '프로젝트 파일이 곧 인터페이스'라는 것이다. 타임라인 전체(미디어, 클립, 트랙, 이펙트, 키프레임, 트랜지션)가 `project.json` 하나로 표현되기 때문에 JSON을 쓸 수 있는 어떤 프로세스든 비디오를 편집할 수 있다.
- AI 에이전트 연동은 MCP(Model Context Protocol)와 REST API 두 가지 방식을 모두 지원한다. Claude Code, Claude Desktop 등 MCP를 지원하는 AI 도구가 직접 타임라인을 조작할 수 있다.
- 에이전트가 JSON을 수정하면 브라우저 UI가 SSE(Server-Sent Events, 서버에서 클라이언트로 실시간 이벤트를 밀어주는 기술)를 통해 약 150ms 이내에 라이브 리로드된다. 사람과 AI 에이전트가 동시에 같은 타임라인을 작업할 수 있다.
- 실제 데모에서는 'edit a reel from these assets'라는 프롬프트 하나를 주었을 때 Claude Code가 약 6분간 컷 계획을 세우고 타임라인 전체를 JSON으로 작성해 24.5초짜리 릴 영상을 자동 완성했다. 데모 영상 자체도 FableCut으로 편집됐다.
- 편집 기능으로는 4개 비디오 트랙 + 3개 오디오 트랙, 드래그/트림/스플릿/스냅, 멀티셀렉트(rubber-band 선택), 실제 디코딩된 오디오 웨이브폼, 비트·큐 마커, 어스펙트 프리셋(16:9, 9:16, 4:5, 1:1), 12개 원클릭 필터 프리셋(시네마틱, teal-orange, 누아르, 빈티지, 사이버펑크 등)을 제공한다.
- 기존의 'AI 비디오' 도구들은 편집 결과를 API 뒤로 숨기는 방식이지만, FableCut은 반대로 편집 상태를 완전히 열어두는 구조다. 이로 인해 모듈형 템플릿, 외부 자동화 스크립트 연동 등 다양한 확장이 가능하다.
Evidence
- JSON + SSE 조합으로 에이전트 상호작용을 구현한 방식이 인상적이라는 반응이 많았다. '비디오 에디터에 굳이 별도 API가 필요 없고 JSON과 SSE만으로 에이전트 연동이 된다는 심플하고 효과적인 해법에 놀랐다'는 댓글이 특히 공감을 많이 받았다.
- 컴퓨터 유즈(AI가 화면을 직접 조작하는 방식)로 일반 편집 툴을 구동해본 경험자가 'JSON 프로젝트 파일을 직접 편집하는 방식이 컴퓨터 유즈보다 훨씬 최적화된 접근이고 모듈형 템플릿 같은 것도 쉽게 붙일 수 있어 가능성이 크다'고 평가했다.
- 비전(Vision) 분석과 파형(Waveform) 분석 기능이 없다는 점을 아쉬워하는 의견도 있었다. '모델에게 영상과 오디오를 '보고 듣게' 하는 기능이 있었으면 더 스마트한 자동 편집이 됐을 것 같다, V2에서 기대한다'는 반응이었다.
- 클라이언트 사이드 렌더링을 위해 Mediabunny 통합을 고려해보라는 제안과, Remotion(React 기반 비디오 렌더링 라이브러리) 통합 가능성을 묻는 댓글도 있었다. 또한 ffmpeg를 Claude Code에 직접 연결하면 별도 에디터 없이도 유사한 결과를 낼 수 있다는 대안 의견도 나왔다.
- TikTok 스타일 쇼츠 제작에 활용 가능한지 YouTube Shorts 링크를 첨부하며 묻는 댓글이 있었고, 비디오 편집 경험이 없는 사람이 학습 도구로 활용할 수 있겠다는 긍정적 반응도 있었다.
How to Apply
- Claude Code나 Claude Desktop에서 자동 쇼츠/릴 제작 파이프라인을 만들고 싶다면, FableCut을 로컬에서 실행하고 MCP 서버로 연결한 뒤 '이 에셋들로 릴 하나 편집해줘' 같은 프롬프트를 주면 Claude가 타임라인 JSON을 직접 작성하고 결과를 브라우저에서 실시간 확인할 수 있다.
- 반복적인 템플릿 기반 영상(예: 제품 소개, 이벤트 요약)을 대량 생성해야 한다면, project.json 구조를 템플릿화하고 외부 스크립트나 REST API 호출로 클립 데이터를 교체하는 방식으로 자동화 파이프라인을 구성할 수 있다. npm 의존성이 없어 서버 환경 세팅 부담이 거의 없다.
- 기존 AI 에이전트 워크플로우에 비디오 편집 기능을 추가하고 싶다면, FableCut의 REST API 엔드포인트를 에이전트의 도구(tool)로 등록해 에이전트가 타임라인을 읽고 수정할 수 있게 만들면 된다. SSE 기반 실시간 업데이트 덕분에 편집 진행 상황을 UI로 모니터링하면서 작업할 수 있다.
Terminology
Related Papers
Migrating a production AI agent to GPT-5.6: 2.2x faster, 27% cheaper
마케팅 웹사이트를 자동 생성하는 프로덕션 AI 에이전트를 Claude Opus 4.8에서 GPT-5.6 Sol로 전환한 실전 경험담으로, 단순 모델 교체가 아니라 eval 하네스, 툴 스키마, 캐싱, 추론 리플레이까지 손봐야 했던 과정을 구체적인 수치와 함께 정리했다.
What xAI's Grok build CLI sends to xAI: A wire-level analysis
xAI의 공식 코딩 CLI 도구 Grok Build가 사용자 동의 없이 전체 Git 저장소와 .env 시크릿 파일을 xAI 서버로 업로드한다는 사실이 네트워크 트래픽 분석으로 밝혀졌다.
Remember When It Matters: Proactive Memory Agent for Long-Horizon Agents
LLM 에이전트가 긴 작업 중 중요한 정보를 잊어버리는 문제를 별도의 메모리 에이전트가 '적절한 타이밍에' 끼어들어 해결하는 방법
WebSwarm: Recursive Multi-Agent Orchestration for Deep-and-Wide Web Search
복잡한 웹 검색을 재귀적으로 분해하고 각 노드에 적합한 검색 모드를 동적으로 할당하는 멀티에이전트 프레임워크
Show HN: Reverse-engineering web apps into agent tools
로그인된 웹 앱의 API 호출을 브라우저에서 감시해 자동으로 MCP 도구로 변환하는 에이전트를 만들었다. 소스 코드나 공식 API 문서 없이도 Jira, Spotify 같은 서비스에 AI 어시스턴트를 붙일 수 있다.
From Noisy Traces to Root Causes: Structural Trajectory Analysis and Causal Extraction for Agent Optimization
Agent 실패 로그를 인과 그래프로 분석해 진짜 근본 원인만 골라내고, 해당 모듈 프롬프트만 정밀하게 수정하는 자동 최적화 프레임워크