피드로 돌아가기
Oh My PPT - Local-first AI Slide Deck Generator & Editor
Dev.toDev.to
Frontend

Local-first 아키텍처 기반의 AI 슬라이드 생성 및 HTML 편집 엔진 구현

Oh My PPT - Local-first AI Slide Deck Generator & Editor

arcsin12026년 5월 15일2intermediate

Context

클라우드 기반 AI 도구의 데이터 유출 우려와 생성형 UI의 경직된 편집 구조를 해결하기 위한 설계. 서버 의존적 생성 방식에서 벗어난 Local-first 환경의 실시간 편집 인터페이스 필요성 증대.

Technical Solution

  • Local-first 설계를 통한 사용자 데이터의 로컬 머신 저장 및 보안성 확보
  • PPTX 파일의 HTML 변환을 통한 웹 표준 기반의 정밀한 Visual Editing 환경 구축
  • 16:9 고정 캔버스와 Content-height Budget 설정을 통한 콘텐츠 Overflow 방지 로직 적용
  • Anime.js v4를 활용한 Element-level 모션 제어 및 선언적 애니메이션 구현
  • LaTeX 렌더링 엔진 통합을 통한 기술 문서의 수식 표현 정밀도 향상
  • 버전 관리 시스템 구축을 통한 편집 이력의 자동 저장 및 즉각적인 Rollback 메커니즘 구현

1. 생성형 AI 결과물의 레이아웃 붕괴를 막기 위한 고정 캔버스 및 높이 제약 조건 설정 검토

2. Local-first 접근 방식을 통한 사용자 개인정보 보호 및 오프라인 가용성 확보 전략 수립

3. 정적 파일(PPTX)을 동적 웹 요소(HTML)로 변환하여 AI 기반의 정밀 편집 인터페이스 제공 방안 분석

원문 읽기