스킬 자체의 표현으로
Frontend Slides는 의존성이 전혀 없는, 애니메이션이 풍부한 HTML 프레젠테이션을 만들며, 처음부터 새로 만들거나 .pptx 파일에서 변환하여 만들 수 있고, 전체가 브라우저에서 실행됩니다. 디자이너가 아닌 사용자를 위해 만들어졌으며, 이들은 추상적인 설명 중에서 고르는 것이 아니라 직접 보면서 자신의 미감을 발견합니다: 단일 슬라이드 스타일 프리뷰 세 가지(안전한 프리셋 하나, 대담한 템플릿 최소 하나, 와일드카드 하나)를 생성하고, 사용자가 이를 시각적으로 보고 반응하게 합니다.
덱이 담는 텍스트의 양은 저밀도 발표자 중심과 고밀도 읽기 중심 사이의 밀도 선택에 따라 정해집니다. 모든 덱은 고정된 1920x1080 스테이지 안에서 작성되며 뷰포트에 균일하게 스케일링됩니다. 전달은 실시간 Vercel URL 또는 PDF 내보내기로 마무리할 수 있습니다.
산출물
- 모든 스타일과 스크립트가 인라인으로 포함된, 독립적인 하나의 HTML 프레젠테이션.
- 세 개의 임시 스타일 프리뷰 파일(style-a.html, style-b.html, style-c.html)로, 전달 시점에 삭제됩니다.
- 선택적으로 Vercel의 실시간 URL을 통해 텍스트, Slack 또는 이메일로 덱을 공유할 수 있으며, 어떤 기기에서도 볼 수 있습니다.
- 선택적으로 이메일, Slack 또는 인쇄용 PDF를 생성할 수 있으며, 각 슬라이드를 캡처하여 결합해 만듭니다.
작동 방식
- 01모드 감지
Skill은 먼저 작업이 처음부터 새로 만드는 덱인지, .pptx 변환인지, 기존 HTML 프레젠테이션의 개선인지를 판단하고, 그에 맞는 단계 경로를 적용합니다.
- 02한 번에 발견 질문하기
목적, 길이, 콘텐츠 준비 상태, 밀도를 한꺼번에 물으며, 환경이 지원하는 경우 네이티브 구조화 질문 UI를 사용하여 사용자가 모든 항목을 한 번에 채울 수 있게 합니다.
- 03세 가지 스타일 프리뷰 생성
사용자에게 스타일 이름을 지정하도록 요청하는 대신, Skill은 단일 슬라이드 제목 프리뷰 세 개를 렌더링하여 자동으로 열고, 어느 것을 선호하는지(또는 요소를 섞고 싶은지) 묻습니다.
- 04단일 파일 덱 생성
전체 프레젠테이션은 필수 viewport-base.css 전체와 섹션별 주석을 인라인으로 포함한 하나의 HTML 파일로 작성되며, 선택한 밀도와 선택한 스타일 레시피를 사용합니다.
- 05PowerPoint 파일 변환하기
PPTX 소스의 경우 번들로 제공된 Python 스크립트가 콘텐츠를 추출하고, 사용자가 제목, 요약, 이미지 수를 확인한 후에야 스타일 탐색과 HTML 생성이 진행됩니다.
- 06먼저 결과물을 전달한 후 공유를 제안합니다
미리보기 파일이 삭제되고 브라우저에서 덱이 열리며, 배포 또는 PDF 내보내기를 제안받기 전에 사용자는 내비게이션, CSS 변수, 폰트, .reveal 클래스, 인라인 편집에 대해 안내를 받습니다.