Dream Studio — AI 콘텐츠 제작 워크스페이스

카드뉴스·숏폼·랜딩 페이지·제품 상세 페이지를 AI와 함께 기획하고 편집하는 웹 기반 콘텐츠 작업실. 프로젝트 관리부터 미리보기, PNG·MP4·HTML ZIP 내보내기까지 하나의 흐름으로 연결합니다.

2026-10-03 (토) 14:53:52 조회 29
문의하기
Dream Studio — AI 콘텐츠 제작 워크스페이스
OpenAI React Node.js TypeScript Cloudflare PostgreSQL

프로젝트 소개 Dream Studio는 카드뉴스, 숏폼·릴스, 랜딩 페이지, 제품 상세 페이지를 한곳에서 만드는 웹 기반 AI 콘텐츠 제작 워크스페이스입니다. 아이디어와 상품 정보를 바탕으로 방향을 정하고, AI가 만든 초안을 사용자가 검토·수정하며 결과물을 완성하는 흐름을 제공합니다.

주요 기능 네 가지 제작 포맷: 카드뉴스, 숏폼·릴스, 랜딩 페이지, 제품 상세 페이지를 목적에 맞게 선택합니다. 사용자 참여형 AI 제작: 주제·대상·톤과 필수 내용을 정리하고 기획, 초안, 검수, 화면 편집 단계를 이어갑니다. 세부 편집과 미리보기: 문구·이미지·글꼴·섹션을 다듬고, 웹 페이지는 데스크톱·모바일 화면을 확인합니다. 필요한 섹션만 AI로 수정하는 흐름도 제공합니다. 결과물 내보내기: 카드뉴스는 PNG·ZIP, AI 릴스는 MP4·자막·ZIP, 랜딩·제품 상세 페이지는 반응형 HTML·ZIP으로 활용합니다. 프로젝트와 에셋 관리: 계정별 프로젝트 저장, 검색·포맷 필터, 이미지·영상 에셋 보관으로 작업을 이어갈 수 있습니다. 이미지·영상 스튜디오: 모델별 설정과 프롬프트를 이용해 시각 콘텐츠를 제작하는 별도 스튜디오를 제공합니다. 구현과 설계 Next.js 16, React 19, TypeScript, Node.js, PostgreSQL 기반으로 구성했습니다. Zustand로 클라이언트 상태를 관리하며, AI 모델 연동과 크레딧 처리는 서버에서 수행합니다. 작업 내용과 미리보기에 집중할 수 있도록 화면을 구성했습니다. 이미지 및 영상 생성 api 는 higsfield 를 사용합니다.

프로젝트 화면

도움말 센터

릴스 제작 흐름

영상 스튜디오

이미지 스튜디오

모델 선택

로그인 화면

이용 안내 웹사이트: https://dream-studio.oootool.com 프로젝트 작업에는 로그인이 필요합니다. 편집과 파일 내보내기는 무료이며, AI 생성에는 크레딧을 사용합니다. user1 / user1234 로 로그인 가능합니다.

테스트를 위한 크레딧이 추가로 필요하시면 댓글 남겨주세요.

댓글 (0)

로그인 후 댓글을 남길 수 있습니다.
아직 댓글이 없습니다. 첫 번째 댓글을 남겨보세요!