/brag-slim
만들었으면, 자랑하세요. 비디오 전체 — 스토리, 비주얼, 오디오, 렌더 —를 직접 만듭니다. 머신에 있는 도구만으로요.
어떤 톤이든, 현대적이고 세련되며 깔끔한 런치 비디오처럼 느껴져야 합니다: 화면이나 사운드트랙에 자리할 가치가 없는 것은 넣지 마세요.
사용법: /brag-slim [입력] [옵션]. 옵션 (플래그 또는 일반 언어):
| 옵션 | 기본값 |
|---|---|
--tone <프리셋 또는 자유 형식> | 추론; 명확히 맞는 것이 없으면 default |
--format landscape|vertical|square | landscape (1920×1080; vertical 1080×1920, square 1080×1080), 30fps |
--duration <초> | 약 20초 |
결과물은 현재 디렉토리의 brag-output/에 기록합니다(이미 존재하면 타임스탬프 brag-output-YYYY-MM-DD-HHmmss/ 사용). 모든 중간 파일(프레임, 다운로드, 스크립트, 스템)은 그 안의 work/ 하위 폴더에 보관합니다.
1. 검사
먼저 입력이 무엇인지 결정한 다음, 그로부터 재료를 수집합니다. 소스만 변경됩니다. 아래 질문부터 이후의 모든 과정은 모든 입력에 대해 동일합니다.
| 입력 | 인식 방법 | 재료 출처 |
|---|---|---|
| 프로젝트 | 입력이 없고 현재 디렉토리가 프로젝트인 경우 | 코드 |
| 웹사이트 | http(s):// URL 또는 example.com과 같은 베어 도메인 | 라이브 사이트 |
입력이 어떤 유형과도 일치하지 않거나, 입력이 없고 현재 디렉토리가 프로젝트가 아닌 경우, 사용자에게 무엇을 자랑할지 물어보세요.
프로젝트
코드를 읽으세요: 메인 페이지, 스타일(정확한 색상과 글꼴), README, 라우트 및 주요 컴포넌트. 가장 좋은 재료는 사용 중인 제품입니다 — 진입 → 주요 동작 → 결과의 2~3가지 비트를 찾으세요.
소스를 가지고 있으므로 직접 사용하세요: 비디오에서 프로젝트의 실제 컴포넌트, 스타일시트, 글꼴, 이미지 및 애니메이션을 다시 빌드하는 대신 임포트하거나 렌더링하세요.
웹사이트
방문자가 보는 대로 사이트를 가져오세요. 많은 사이트가 자바스크립트로 페이지를 빌드하므로, 일반 다운로드는 거의 빈 껍데기로 돌아올 수 있습니다. 그렇다면, 헤드리스 브라우저에서 페이지를 로드하여 렌더링된 결과를 얻으세요. 쿠키 배너 및 기타 오버레이를 닫고, 섹션별로 스크롤하세요. 스크롤 시 애니메이션되는 콘텐츠는 단일 전체 페이지 캡처에서 빈 상태로 남아 있기 때문입니다.
- 카피: 헤드라인, 태그라인, 섹션 제목, 기능 이름, 콜 투 액션, 사용후기. 또한 제목, 메타 설명 및 소셜 프리뷰 태그를 확인하세요.
- 아이덴티티: 사이트의 CSS에서 정확한 색상과 로드하는 글꼴.
- 비주얼: 로고, 제품 스크린샷, 히어로 이미지, 데모 비디오. 사용할 것들은
work/에 다운로드하세요. - 스크린샷: 비디오의 종횡비로 페이지를 캡처하여 레이아웃을 이해하세요. 비디오에서는 평면 스크린샷 위를 패닝하는 대신 사이트의 실제 마크업, CSS 및 자산을 재사용하고 애니메이션을 적용하세요.
- 사용 중인 제품: 진입 → 주요 동작 → 결과 흐름에 대해 데모 비디오, 작동 방식 섹션 및 연결된 문서를 확인하세요.
그런 다음, 모든 입력에 대해
계획을 세우기 전에 답하세요: 그것은 무엇인가 (한 문장)? 누구를 위한 것이며, 그들에게 무엇을 해주는가? 무엇이 차별화되는가? 가장 인상적이거나 재미있는 주장은 무엇인가? 시각적 훅은 무엇인가? 어떤 실제 UI 또는 흐름을 보여줘야 하는가? 어떤 톤이 어울리는가? 한 줄짜리 공유 캡션은 무엇인가?
2. 계획
brag-plan.md를 작성하세요: 앵글, 훅, 2~3가지 하이라이트, 펀치라인, 톤, 시각적 아이덴티티, 그리고 각 장면의 지속 시간이 목표 시간에 합산되는 장면별 스토리보드.
사용자가 한 부분 — 새 버전, 새 기능, 한 가지 앵글 — 을 지목하면, 이것을 비디오의 초점으로 만드세요.
형태: 훅 (23초) → 공개 (24초) → 23개의 날카로운 하이라이트 → 펀치라인/아웃트로 (24초). 템플릿이 아닌 시작 형태입니다.
크리에이티브 법칙
- 짧게. 15
25초; 1822초가 최적입니다. - 낯선 사람에게 명확하게. 한 번 본 후, 들어본 적 없는 사람도 그것이 무엇을 하는지, 누구를 위한 것인지, 어떻게 얻는지 알 수 있어야 합니다. 어떻게 만들어졌는지가 아니라 그것으로 시작하세요.
- 훅이 전부입니다. 처음 2초가 누군가 계속 볼지 결정합니다. 먼저 계획하세요.
- 실제를 보여주세요. 소스의 실제 UI, 컴포넌트, 카피, 이미지, 비디오 및 애니메이션을 다시 만드는 대신 재사용하세요. 재사용할 수 없는 것만 다시 빌드하세요. 랜딩 페이지가 설명하는 것보다 작동하는 앱이 제 역할을 하는 것을 선호하세요. 제품 사용을 보여줄 때 작은 설명용 UI 텍스트(파일 이름, "내보내기 완료" 토스트)는 괜찮습니다; 발명된 주장, 숫자 또는 사용후기는 안 됩니다. 추상적인 채우기는 절대 금지입니다.
- 구체적이어야 합니다. 이 정확한 프로젝트를 위해 만들어진 느낌이 들어야 합니다. 자체 카피와 주장을 사용하세요; 일반적인 SaaS 언어("워크플로우 간소화"는 금지)를 사용하지 마세요.
- 읽을 수 있어야 합니다. 속도감은 모션과 컷에서 오며, 텍스트를 일찍 치우는 데서 오지 않습니다. 시청자가 읽도록 의도된 모든 줄은 전체 줄이 화면에 나타난 후 충분히 읽을 수 있을 정도로(단어당 약 0.3초) 완전히 보이고 안정된 상태로 유지됩니다. 질감만을 위한 텍스트는 읽을 필요가 없습니다.
- 살아있게 만드세요. 하나씩 나타나는 것, 시뮬레이션된 클릭, 스와이프, 타이핑은 정적 슬라이드보다 낫습니다.
- 재미는 자리를 얻습니다. 유머는 프로젝트 자체의 터무니없음에서 오며, 억지로 만들지 않습니다.
- 모든 프레임은 게시 가능해야 합니다. 정지된 프레임은 공유할 가치가 있어야 합니다.
톤
프리셋은 기본값입니다; 자유 형식 지시("2016년부터의 가짜 시리즈 A 런치")는 프리셋을 개선하거나 재정의합니다.
| 톤 | 느낌 | 속도감 / 전환 |
|---|---|---|
default | 펀치감 있고, 장난기 있으며, 깔끔함 | 4~5개 장면; 부드러운 전환 |
polished | 진지하고, 우아하며, 절제됨 | 3~4개 장면, 긴 유지; 부드러운 페이드 |
yc-parody | 무표정한 스타트업 런치, 진지하게 연기 | 4~5개 장면, 각각 하나의 주장; 하드 컷 |
chaotic | 빠르고, 시끄럽고, 모두 대문자 | 6~8개 장면, 일부 2초 미만; 플래시/줌 컷 |
deadpan | 차분하고, 건조하며, 아무것도 농담이 아님 | 3~4개 장면, 넓은 빈 공간; 느린 페이드 |
cinematic | 예고편 규모, 서사적인 주장 | 4~5개 장면, 큰 타이포그래피; 극적인 와이프 |
app-store | 깔끔한 기능 카드 | 4~6개 장면; 부드러운 슬라이드 |
사운드
음악과 사운드 이펙트를 하나의 작품으로 작성하세요: 음악과 같은 키, 같은 공간에 이펙트를 배치하고, 위에 덧씌우는 대신 섞어 넣으세요. 기본적이고 적절한 믹스를 제공하세요. 실제 트랙이 믹스되는 방식처럼: 이펙트는 음악 아래에 부드럽게 위치하고, 거칠거나 뾰족한 것은 없으며, 반복되는 작은 소리는 배경에 남아 있습니다.
3. 빌드, 확인, 렌더
이 머신에서 작동하는 무엇이든 사용하여 빌드하세요. 브라우저에서 비디오를 그리는 경우, 모든 프레임을 시간의 순수 함수로 만들고 각 프레임을 캡처하기 전에 글꼴과 이미지가 로드될 때까지 기다리세요.
전체 렌더 전에, 모든 장면의 스틸과 전환 중간의 스틸을 보고 오버플로, 충돌 및 낮은 대비를 수정하세요. 두 복잡한 레이아웃 사이의 단순한 크로스페이드는 진흙탕 더블 노출을 만듭니다; 순서를 엇갈리게 하거나(이전 콘텐츠 아웃, 그런 다음 새 콘텐츠 인) 배경을 통해 딥하세요. 그런 다음 brag.mp4를 렌더링하세요.
4. 전달
- 포스터: 가장 강력한 안정된 프레임(텍스트가 완전히 들어와 있고, 전환 중이 아닌)을
brag.jpg로 추출하고,brag.mp4의 프레임 0으로 구워 모든 플랫폼의 썸네일에 표시되도록 하세요. 프레임을 추가하는 대신 프레임 0을 교체하여 지속 시간과 오디오 동기화가 동일하게 유지되도록 하세요. share-copy.txt: 1~3문장, 그대로 게시 가능하며, 구체적이고 톤과 일치해야 합니다. "공유하게 되어 기쁩니다"는 금지입니다.- 사용자에게 비디오와 카피가 어디에 있는지 알리고, 크리에이티브 앵글에 대해 한 문장을 제공하며, 장면을 다시 만들거나 다른 톤을 시도할 것을 제안하세요.