stackblitz/bolt-slides

해결하는 문제

정적이고 일반적인 프레젠테이션 슬라이드를 인터랙티브한 웹 애플리케이션으로 대체합니다. 불렛 포인트와 정적 레이아웃에 의존하는 전통적인 슬라이드 데크 대신, 이 도구를 사용하면 모든 슬라이드가 3D 장면, 라이브 데이터 및 작동하는 프로토타입을 표시할 수 있는 라이브 응답형 React 컴포넌트인 프레젠테이션을 만들 수 있습니다.

작동 방식

이 프로젝트는 프레젠테이션을 페이지형 웹 앱으로 변환하는 프레임워크와 포괄적인 컴포넌트 라이브러리(차트, 테이블, 제품 프레임 포함)를 제공합니다. 여기에는 AI 에이전트(Claude Code 또는 Cursor 등)가 단일 프롬프트에서 테마를 설정하고 구성하며 전체 데크를 작성할 수 있도록 특별히 설계된 "skill" 가이드가 포함되어 있습니다. 수동 작성자의 경우, 슬라이드는 <Deck> 래퍼 내에서 React 컴포넌트로 작성되며, <Build> 컴포넌트를 사용하여 순차적인 콘텐츠 공개를 처리합니다.

대상

링크로 공유되고 웹 앱으로 호스팅할 수 있는 고정밀 인터랙티브 프레젠테이션을 만들고자 하는 개발자와 발표자를 위해 설계되었습니다.

주요 특징

• 에이전트 기반 생성: AI 에이전트가 하나의 프롬프트로 완성된 테마 데크를 구축할 수 있도록 하는 번들된 skill이 포함되어 있습니다.
• 인터랙티브 컴포넌트: 데이터 시각화, 제품 데모 및 스토리텔링을 위한 광범위한 응답형 컴포넌트 라이브러리.
• 발표자 도구: 타이머와 메모가 있는 동기화된 발표자 모드와 다양한 화면 크기에서도 유지되는 콘텐츠 앵커 주석 기능을 제공합니다.
• Web 네이티브: 모든 데크는 URL 해시를 통한 딥러킹을 지원하는 실제 웹 앱입니다.