Spec-Driven Presentation Maker 개발팀의 카타오카입니다.

Spec-Driven Presentation Maker (SDPM)는 「무엇을 전달할 것인가」를 먼저 설계하고, 슬라이드 구축을 AI에게 맡기는 오픈 소스 샘플 구현체입니다. 사양 주도 접근 방식 (Spec-Driven Approach)의 상세 내용은 AWS Blog를 참조해 주세요.

이번에는 v0.3.0에서 추가된 스타일 관리와 템플릿 관리에 대해 소개해 드리겠습니다.

TL;DR

스타일 갤러리— 디자인 스타일을 목록화, 고정(Pin), 가져오기/내보내기 할 수 있는 관리 화면이 추가됨 -
Style Creator— AI와의 대화를 통해 오리지널 스타일을 만들 수 있는 전용 에이전트 -
템플릿 관리— PPTX 템플릿의 업로드, 다운로드, 삭제를 UI에서 가능하게 함

🎨 스타일 갤러리

v0.2까지의 스타일은 빌트인 프리셋에서 선택하는 것뿐이었습니다. v0.3에서는 /styles 페이지가 신설되어, 스타일을 시각적으로 관리할 수 있게 되었습니다.

미리보기 포함 카드— 각 스타일의 커버 슬라이드가 썸네일로 표시됨 -
고정 (Pinning)— 자주 사용하는 스타일을 고정하여 상단에 배치 -
마이 스타일— 직접 만든 스타일을 저장, 이름 변경, 삭제 -
가져오기/내보내기— HTML 파일로서 스타일을 외부로 반출하거나 가져오기

スタイルギャラリー。各スタイルのカバースライドがカード形式で一覧表示されている

스타일의 실체는 CSS 변수와 샘플 슬라이드를 포함하는 HTML 파일입니다. 에이전트는 이 HTML을 읽고 디자인 방침을 이해합니다. 사람이 읽어도 알 수 있는 형식이므로, 디자인 사양서로서도 기능합니다.

✨ AI와 스타일 만들기 — Style Creator

「자신이 선호하는 디자인을 매번 설명하는 것이 번거롭다」라는 과제에 대한 해답이 Style Creator입니다.

채팅으로 대화하면서 다음과 같은 단계로 오리지널 스타일을 생성할 수 있습니다.

취향 수집— 참고 이미지나 기존 슬라이드를 전달하면, 배색, 폰트, 여백감 등을 분석하여 질문해 줌 -
전제 발견— 취향의 공통점에서 「이 스타일의 핵심이 되는 사고방식」을 한 문장으로 정의 -
디자인— CSS 변수와 샘플 슬라이드를 단계적으로 생성. 작성할 때마다 라이브 미리보기가 업데이트됨 -
리뷰— 미리보기를 보면서 「여백을 조금 더」「액센트 컬러를 변경해줘」와 같이 조정

Style Creator の対話画面

만든 스타일은 자동으로 마이 스타일에 저장되어, 다음 슬라이드 생성 시 선택할 수 있습니다. 한 번 스타일을 만들어 두면, 매번 디자인 취향을 다시 전달할 필요가 없어집니다.

📄 템플릿 관리하기

스타일이 「디자인 방침」이라면, 템플릿은 「슬라이드의 골격」입니다.

v0.3에서는 PPTX 템플릿 관리 화면도 추가되었습니다. 회사의 슬라이드 마스터를 업로드해 두면, 에이전트가 해당 레이아웃, 컬러, 폰트를 자동으로 분석하여 템플릿에 맞춘 슬라이드를 생성합니다.

• 테마 컬러 및 폰트 정보가 카드에 표시됨
• 여러 템플릿을 등록하여 구분하여 사용 가능
• 불필요해진 템플릿은 UI에서 삭제

テンプレート管理画面。テーマカラーやフォント情報がカードに表示されている

요약

v0.3의 테마는 「자신의 취향을 자산으로 만들기」입니다. 스타일과 템플릿을 한 번 등록해 두면, 이후 슬라이드 생성 시 매번 디자인 취향을 전달할 필요가 없습니다. Style Creator를 사용하면 디자인을 언어화하는 것이 서툴더라도 대화를 통해 스타일을 구체화할 수 있습니다.

링크

Discussion