bestagentkits/design-studio-ai

어떤 프로젝트인가요?

핵심 기능

• 01채팅과 수동 편집을 통해 같은 버전 관리 디자인 문서를 편집
• 02본, 스킨, 메시, 물리 기능을 활용한 2D 캐릭터 모션과 편집 가능한 3D 캐릭터
• 03HTML, SVG, PDF, PowerPoint, WebM, GLB, React 프로토타입 ZIP으로 내보내기
• 04REST API, OAuth 또는 API 키를 지원하는 MCP 서버, dsa CLI
• 05텍스트, 이미지, 음성, 음악, 동영상 생성을 위한 자체 키 연결(BYOK)
• 06영구 SQLite 저장소를 사용하는 Cloudflare 호스팅 또는 Docker 자체 호스팅

활용 사례

• AI 에이전트로 랜딩 페이지 초안을 만들고 직접 다듬기
• PowerPoint 또는 Google Slides로 내보낼 프레젠테이션 자료 제작
• 애니메이션 3D 장면이나 2D 캐릭터 모션 클립 만들기
• 팀 자체 공급자 키를 사용해 자체 호스팅 디자인 작업 공간 운영

빠른 시작

1. 1

   의존성을 설치합니다

   npm ci
2. 2

   CLI와 앱을 빌드합니다

   npm ci --prefix packages/cli
3. 3

   서버를 시작합니다(먼저 ENCRYPTION_KEY와 APP_URL을 설정하세요)

   npm start
4. 4

   브라우저에서 localhost:8787을 열어 Studio에 접속합니다

사용 전 알아둘 점

• !생성 기능을 사용하려면 본인의 provider 인증 정보와 계정 액세스 권한이 필요합니다.
• !로컬에서 실행하려면 Node.js 24 이상이 필요합니다.
• !CLI 패키지는 npm 레지스트리에 게시되지 않으므로 릴리스 tarball 또는 로컬 빌드에서 설치해야 합니다.
• !ENCRYPTION_KEY를 변경하면 기존 provider 키를 복호화할 수 없습니다.

토픽

자주 묻는 질문

design-studio-ai은(는) 무엇인가요?

사람과 AI 에이전트가 웹 페이지, 슬라이드, 3D 장면을 위한 버전 관리 문서를 함께 편집하는 오픈 소스 디자인 작업 공간입니다. Design Studio AI는 웹 인터페이스, 슬라이드, 보고서, 와이어프레임, 3D 장면, 타임라인 동영상을 제작하는 작업 공간입니다. 브리프나 템플릿에서 시작해 미리보기를 확인한 뒤, 채팅이나 수동 편집기로 수정할 수 있습니다. 사람과 에이전트는 같은 버전 관리 문서에서 함께 작업합니다.

design-studio-ai은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

design-studio-ai은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

design-studio-ai은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. design-studio-ai의 마지막 커밋은 2026년 10월 12일입니다.

design-studio-ai은(는) 어디에 사용할 수 있나요?

AI 에이전트로 랜딩 페이지 초안을 만들고 직접 다듬기 PowerPoint 또는 Google Slides로 내보낼 프레젠테이션 자료 제작 애니메이션 3D 장면이나 2D 캐릭터 모션 클립 만들기 팀 자체 공급자 키를 사용해 자체 호스팅 디자인 작업 공간 운영

design-studio-ai는 어떻게 설치하나요?

의존성을 설치합니다: npm ci CLI와 앱을 빌드합니다: npm ci --prefix packages/cli 서버를 시작합니다(먼저 ENCRYPTION_KEY와 APP_URL을 설정하세요): npm start 브라우저에서 localhost:8787을 열어 Studio에 접속합니다

design-studio-ai은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/bestagentkits/design-studio-ai