1weiho/open-slide

해결하는 문제

AI 코드 에이전트를 사용하여 프레젠테이션 디크를 만드는 데 발생하는 번거로움을 해결합니다. 수동으로 슬라이드를 설계하는 대신 사용자는 자연어로 디크를 설명할 수 있으며, 프레임워크는 에이전트가 정교하고 전문적인 슬라이드를 React 컴포넌트로 생성할 수 있도록 필요한 런타임과 제약 조건을 제공합니다.

작동 방식

Open-slide는 고정된 1920 × 1080 캔버스와 /create-slide, /slide-authoring 등의 "에이전트 기술" 세트를 제공하여, 코딩 에이전트가 콘텐츠 구조를 어떻게 구성하고 레이아웃 규칙을 적용할지 안내합니다. 개발용 서버에는 브라우저 내 인스펙터가 포함되어 있어 사용자가 요소를 클릭하고 댓글을 남길 수 있으며, 이 댓글은 /apply-comments 명령을 통해 에이전트에 전달되어 디자인을 반복적으로 개선할 수 있습니다.

대상 사용자

Claude Code, Cursor, Codex와 같은 AI 코드 에이전트를 사용하여 고품질의 코드 기반 프레젠테이션을 자동화하려는 개발자 및 사용자에게 적합합니다.

주요 기능

• 에이전트 네이티브 저작: 스코프 질문에 기반해 구조를 계획하고 슬라이드를 작성할 수 있는 내장 기술을 제공합니다.
• 인터랙티브 피드백 루프: 브라우저 내 인스펙터를 통해 사용자가 요소를 표시하고 변경을 요청할 수 있으며, 에이전트가 자동으로 적용합니다.
• 전문적인 프레젠테이션 도구: 스피커 노트, 타이머, 다음 슬라이드 미리보기 기능이 포함된 전용 프레젠테이션 모드.
• 자산 통합: 이미지 및 비디오 관리 기능과 통합된 SVGL 로고 검색 기능을 제공합니다.
• 유연한 내보내기: 정적 HTML 또는 인쇄용 PDF로 디크를 내보낼 수 있습니다.