/brag (Brag Ultra)
당신은 만들었습니다. 이제 자랑할 시간입니다 — Apple 수준의 초고품질로.
호출 디스패치 (먼저 실행되어야 함)
프로젝트를 검사하기 전에, 완전한 /brag 호출을 파싱하십시오. 호출에 --voice가 포함되면 voice.enabled = true로 설정하십시오. --format 또는 --kit이 제공되면 그에 따라 렌더링 파이프라인을 구성하십시오.
/brag는 현재 프로젝트(웹 앱, 모바일 앱, 데스크탑 GUI, CLI/TUI 도구 또는 라이브러리)를 초고품질 런칭 비디오 및 소셜 런칭 키트로 변환합니다.
Brag Ultra가 하는 일
- 프로젝트 검사 및 실제 UI/CLI 캡처: 프로젝트 코드, 아키텍처 및 라이브 인스턴스를 스캔합니다. 실제 모바일 에뮬레이터(
adb), 웹 페이지(Puppeteer), 데스크탑 창 또는 터미널 세션(asciinema/ CSS 터미널 프레임)을 캡처합니다. - 멀티 포맷 반응형 계획: 16:9 가로(X, YouTube), 9:16 세로(TikTok, Reels, Shorts) 및 1:1 정사각형(LinkedIn, Instagram)에 적응형 레이아웃을 계획합니다.
- Apple 수준 스토리보딩 및 스크립팅: 임계 감쇠 스프링, 키네틱 셰이더, SVG 스트로크 트레이싱 및 실제 프로젝트 데이터를 사용하여 영향력 있는 내러티브를 제작합니다.
- 지능형 오디오 마스터링 및 덕킹: 음성 해설(Kokoro TTS) 아래에서 배경 음악을 -12dB로 자동 덕킹하고 부드러운 0.3초 어택/0.5초 릴리스 곡선을 적용하며 임팩트 레벨이 조정된 SFX를 믹싱합니다.
- 완전한 런칭 키트 제공: 멀티 포맷 MP4를 렌더링하고, 프레임-0에서 추출한 포스터 JPG를 생성하며, 선명한 2패스 애니메이션 프리뷰 GIF를 출력하고 구조화된 소셜 카피 및
launch-metadata.json을 생성합니다.
호출 파싱
사용자는 자연어 또는 플래그로 호출할 수 있습니다:
/brag
/brag --tone polished --format vertical
/brag --format all --kit --voice
/brag --tone chaotic --format square
/brag 이 CLI 도구를. Apple 개발자 키노트처럼 느껴지게 해줘.
지원 플래그 및 옵션
| 옵션 | 값 | 기본값 | 설명 |
|---|---|---|---|
--tone | 프리셋 또는 자유 형식 설명 | apple-keynote / 추론 | 미적 및 페이싱 스타일 |
--format | landscape (16:9), vertical (9:16), square (1:1), all | landscape | 비디오 종횡비 및 CSS 리플로우 대상 |
--duration | 초 (예: 15s, 20s) | 자동 (15–25초) | 총 길이 |
--voice | 플래그 | 해설 꺼짐 | 선택적 Kokoro 음성 해설 (-12dB 자동 덕킹) |
--kit | 플래그 | 표준 렌더링 | 전체 런칭 키트 생성 (MP4, GIF, 포스터 JPG, 메타데이터 JSON) |
--terminal | 플래그 | 자동 감지 | CLI/TUI 터미널 재생 및 크롬 활성화 |
--no-music | 플래그 | 음악 켜짐 | 배경 음악 비활성화 |
--no-sfx | 플래그 | SFX 켜짐 | 음향 효과 비활성화 |
--title | 문자열 | 추론 | 사용자 정의 제품 제목 |
--format all 또는 --kit가 지정되면 애니메이션 GIF 및 메타데이터 번들과 함께 세 가지 종횡비(16:9, 9:16, 1:1)를 모두 생성합니다.
Brag Ultra의 핵심 기둥
1. 멀티 포맷 반응형 리플로우
어색한 검은 막대나 단순한 레터박싱은 없습니다. 구성이 지능적으로 재배열됩니다:
- 16:9 가로 (
1920x1080): 좌우 분할 레이아웃, 듀오 디바이스 프레임, 와이드스크린 터미널 뷰. - 9:16 세로 (
1080x1920): 중앙 세로 스택, 전체 높이 모바일 디바이스 프레임, 큰 글꼴 클램프, 엄격한 안전 영역(플랫폼 오버레이를 위한 상하 패딩). - 1:1 정사각형 (
1080x1080): 빡빡한 초점 크롭, 중앙 히어로 카드, 고대비 타이포그래피.
2. 지능형 오디오 마스터링 및 음성 해설 덕킹
- 음성 해설 또는 대화가 재생될 때마다 배경 음악이 자동으로 -12dB 덕킹됩니다.
- 덕킹 곡선: 음성 전 0.3초 부드러운 어택, 음성 후 0.5초 릴리스.
- 마스터 리미터 및 볼륨 정규화: SFX가 디지털 클리핑 없이 0.60–0.85 범위에서 펀치감을 제공합니다.
3. 터미널 / CLI / TUI 화면 캡처
- 터미널 도구(
pluvia,hyperindex,omnihud,token-trimmer등) 전용 지원. - 현실적인 인간 타이핑 속도(40–90ms 지터)로 라이브 명령어를 재생하고, ANSI 구문 색상 및 동기화된 키프레스 오디오(
keyboard/keypress-*.wav)를 제공합니다. - Apple 신호등 창 크롬과 티타늄 테두리가 있는 고해상도 SVG/Canvas 터미널 프레임.
4. 키네틱 셰이더 및 모션 폴리시
- 필름 그레인 텍스처: 미묘한 SVG
feTurbulence/ 캔버스 노이즈(3–5% 불투명도)로 컬러 밴딩을 제거하고 시네마틱한 따뜻함을 더합니다. - 색수차: 고속 편집 및 슬램 임팩트 시 마이크로 RGB-분할.
- 스프링 물리: GSAP 임계 감쇠 곡선(
ease: "expo.out",ease: "power4.out"또는mass: 1, stiffness: 120, damping: 14). - SVG 스트로크 트레이싱: 로고, 아키텍처 노드 및 UI 외곽선에 대한 애니메이션 경로 그리기(
stroke-dashoffset).
5. 완전한 런칭 키트 생성
턴키 릴리스 디렉토리를 생성합니다:
brag.mp4/brag-16x9.mp4,brag-9x16.mp4,brag-1x1.mp4brag.gif(2패스 팔레트 최적화 30fps 애니메이션 프리뷰, GitHub README 및 Discord 임베드용 10MB 미만)brag.jpg(고해상도 포스터 프레임, MP4의 프레임 0에 직접 내장)share-copy.txt(간결한 단일 게시물 캡션)share-copy-variants.md(X/Twitter, LinkedIn, Reddit, Product Hunt 맞춤형 캡션)launch-metadata.json(OpenGraph, Twitter 카드 태그, 키워드, 타임스탬프)
출력 디렉토리
기본 출력은 brag-output/으로 이동합니다 (또는 기존 디렉토리가 있으면 타임스탬프 brag-output-YYYY-MM-DD-HHmmss/):
brag-output/
brag.mp4 # 기본 렌더링 비디오
brag-16x9.mp4 # 16:9 가로 렌더링 (멀티 포맷인 경우)
brag-9x16.mp4 # 9:16 세로 렌더링 (멀티 포맷인 경우)
brag-1x1.mp4 # 1:1 정사각형 렌더링 (멀티 포맷인 경우)
brag.jpg # 고해상도 포스터 프레임 (프레임 0에 내장)
brag.gif # 고해상도 애니메이션 GIF 프리뷰
brag-plan.md # 스토리보드 및 크리에이티브 계획
composition-brief.md # Hyperframes 브리프
share-copy.txt # 기본 게시물 캡션
share-copy-variants.md # 멀티 플랫폼 게시물 카피
launch-metadata.json # OpenGraph 및 소셜 메타데이터
composition/ # Hyperframes 소스 프로젝트
워크플로 단계
- Step 1: 검사 및 라이브 UI/터미널 캡처: references/step-1-inspect.md 및 references/capture-workflow.md 참조
- Step 2: 계획 및 스토리보드: references/step-2-plan.md 및 references/apple-design-guide.md 참조
- Step 3: Hyperframes로 구성: references/step-3-compose.md 및 references/audio.md 참조
- Step 4: 유효성 검사, 렌더링 및 런칭 키트 제공: references/step-4-deliver.md 참조
톤 프리셋
전체 정의는 references/tones.md에 있습니다:
| 톤 | 에너지 | 한 줄 요약 |
|---|---|---|
apple-keynote | 조용한 자신감, 촉각적 물리, 숭고한 절제 | Apple 플래그십 제품 발표 미학 |
default | 장난기, 깔끔함, 게시 가능 | 좋은 분위기의 소비자 및 크리에이티브 쇼케이스 |
polished | 진지함, 우아함, 높은 공예성 | 프리미엄 개발자 도구 또는 엔터프라이즈 제품 |
yc-parody | 데드팬 스타트업 에너지 | 대담하거나 기발한 아이디어의 진지한 전달 |
chaotic | 빠름, 시끄러움, 제어 불능 | 고속 하이프 릴 |
deadpan | 차분함, 건조함, 절제 | 절제가 펀치라인이 되는 미니멀리스트 타이밍 |
cinematic | 극적, 블록버스터 규모 | 큰 모션, 오케스트라/신스 웰스, 트레일러 페이싱 |
app-store | 부드러움, 기능 카드처럼 깔끔함 | 촉각적 마이크로 인터랙션이 있는 선명한 UI 워크스루 |