Communitygithub.com

/brag — 專案→HyperFrames 發布片

做完了就炫耀。讀專案程式→短分鏡→HyperFrames 可分享發布片(音樂+文案)。README 有 docs/assets/hero.png;官網循環片由 /brag 自產。8k★。

brag — 專案→HyperFrames 發布片 是什麼?

Launch Video 步驟 1:/brag 讀專案→HyperFrames→可分享 MP4。相對昨晚網站 Playwright 合成的新主切。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add latent-spaces/brag

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

/brag

You built it. Now let's brag about it.

調用分派 (必須優先執行)

模型檢查。 如果你是由 Claude Opus 5.5 驅動,且本次調用未要求完整工作流程 (--full, "use the full brag") 或配音 (--voice,而 brag-slim 不支援配音),請切換至 brag-slim:讀取 <skill-dir>/slim.md (此處已內含 /brag-slim 技能) 並依其指示執行本次對話,而非這份檔案。請將使用者的輸入以及其他選項 (--no-music, --title, …) 以純語言指示傳遞。首先用一行文字告知使用者,例如:「你使用的是 Opus 5.5,所以我將使用 /brag-slim:我會自行構建整個影片。請說『use the full brag』來切換回來。」如果你不是此模型,或不確定自己是哪個模型,則跳過此檢查。

在檢查專案之前,先解析完整的 /brag 調用。如果調用中包含 --voice,則設定 voice.enabled = true。僅在該次對話中啟用旁白。請勿自動啟用旁白,也無需回退至無配音的正常工作流程。

/brag 將目前的專案網站或應用程式,轉變為一段使用 Hyperframes 的短小、精緻、可分享的發布影片。它目標明確、風格鮮明、且充滿趣味。

此技能的功能

  1. 讀取目前的專案程式碼以了解應用程式。
  2. 為此專案規劃一個簡短的宣傳概念。
  3. 撰寫影片的腳本和分鏡。
  4. 向 Hyperframes 提供一份重點明確的合成簡報。
  5. 驗證、渲染,並撰寫分享文案。

解析調用

使用者可以使用自然語言或標誌來調用:

/brag
/brag --tone chaotic
/brag --tone polished --format vertical
/brag this. Make it feel like a ridiculous startup launch.

解析這些選項:

選項值預設值
--tone預設風格或自由描述推斷
--formatlandscape, vertical, squarelandscape
--duration秒數自動 (15-25 秒)
--no-music標誌音樂開啟
--no-sfx標誌音效開啟
--title字串從專案推斷
--voice標誌旁關閉

配音是選擇性加入的。如果使用了 --voice,則透過 Hyperframes 使用 Kokoro,且不新增任何供應商選擇邏輯。配音工作流程刻意採用單一供應商。

色調可以是預設值(default, polished, yc-parody, chaotic, deadpan, cinematic, app-store),或是一個創意方向,例如「假裝是 2016 年的 A 輪發布」、「博物館展覽」或「製作過度的手機遊戲廣告」。

當使用者提供自由形式的色調方向時,請將其對應到最接近的預設值以獲得節奏和結構,但在計畫和合成簡報中保留使用者的原始方向。

旁白指導

當啟用 --voice 時,撰寫的旁白應能補充視覺效果,而不是單純朗讀可見文字;需符合場景節奏、聽起來自然且口語化,並在場景之間流暢過渡。保持腳本簡潔且針對產品本身,使語音感覺像是剪輯的一部分,而不是一個獨立的旁白音軌。


輸出目錄

預設情況下,輸出會放到 brag-output/。為了避免覆寫先前的執行結果,請使用帶有時間戳的目錄:

brag-output-2026-05-04-143022/

在以下情況使用時間戳:

  • 使用者明確要求新的執行,且不覆寫先前的結果
  • 專案中已存在 brag-output/ 目錄

在執行開始時產生時間戳 (YYYY-MM-DD-HHmmss),並在该次執行的所有輸出路徑中一致使用:包括計畫、簡報、合成、渲染和分享文案。

技能目錄

<skill-dir> 是包含此 SKILL.md 檔案的目錄。Claude Code 在技能載入時會將其列印為「此技能的基底目錄」;對於其他代理,則為安裝技能的任何位置。綑綁的資源位於 <skill-dir>/assets/ 下,腳本位於 <skill-dir>/scripts/ 下。請勿猜測安裝路徑:外掛安裝、~/.claude/skills/ 副本及此倉庫都會將其放置在不同位置。


步驟 1:檢查專案

閱讀: references/step-1-inspect.md

掃描專案目錄,並擷取規劃宣傳影片所需的資訊。

閘門: 你能夠回答宣傳規劃評量中的所有 9 個問題。


步驟 2:規劃與分鏡

閱讀: references/step-2-plan.md

撰寫 <output-dir>/brag-plan.md (其中 <output-dir> 為 brag-output/ 或上方選擇的包含時間戳的變體)。回答規劃評量。確定一個創意角度。撰寫包含場景、文字、時間、轉場和音效提示的節拍式分鏡。

當選擇音樂時,請包含一個簡潔的「音樂提示指導」章節:如果存在,則讀取 <skill-dir>/assets/music/cues/ 中綑綁曲目的提示預設值;否則註明提示將在合成時檢測(任何現在都支援節拍同步 — 請參閱 references/audio.md)。提示元資料僅為選擇性的時間指導:故事、可讀性、節奏和產品清晰度仍為首要考量。

閘門: <output-dir>/brag-plan.md 存在且包含完整分鏡。場景時長總和為 15-25 秒。


步驟 3:交接給 Hyperframes

閱讀: Hyperframes 領域技能 — hyperframes-core, hyperframes-animation, hyperframes-creative, hyperframes-keyframes, hyperframes-cli。/brag 有其自身的工作流程:請勿進入 hyperframes 入口點意圖訪談或路由到其通用的宣傳/發布影片工作流程。 閱讀: references/step-3-compose.md 閱讀: references/audio.md

撰寫合成簡報,並使用 Hyperframes 在 <output-dir>/composition/ 中建立影片實作。

/brag 擁有產品角度、原始素材、分鏡、色調、格式、音訊選擇、音樂提示指導和交付期望。Hyperframes 擁有具體的合成結構、精確的動畫時間、動畫機制、執行時期選擇、linting 規則和渲染工作流程。

閘門: 在 <output-dir>/composition/ 中執行 npx hyperframes check 通過且無錯誤(渲染前的單一瀏覽器閘門 — 請參閱 hyperframes-cli 以了解其審查內容)。


步驟 4:驗證、渲染與交付

閱讀: references/step-4-deliver.md

驗證、預覽、渲染至 <output-dir>/brag.mp4,選擇最佳海報影格至 <output-dir>/brag.jpg,將該海報烘焙為影片的第 0 影格,使其在各處都成為靜止縮圖,並撰寫 <output-dir>/share-copy.txt。

閘門: <output-dir>/brag.mp4 存在。選擇了最佳影格海報 <output-dir>/brag.jpg(非任意影格)並將其烘焙為 brag.mp4 的第 0 影格。分享文案已撰寫。


色調系統

/brag 內建七種色調預設值。每種都會改變腳本的能量、節奏、字體個性和轉場風格。預設值只是起點,並非限制。

完整定義:references/tones.md

色調能量一句話說明
default俏皮、乾淨、可分享正面能量的預設值
polished嚴肅、優雅適合不是玩笑的專案
yc-parody死板的創業能量對荒謬專案套用假嚴肅
chaotic快速、大聲、激進誇張且失控
deadpan冷靜、乾燥、低調笑點在於什麼都不是笑話
cinematic戲劇化、預告片規模大動作、更大主張
app-store流暢、功能卡般乾淨企業感但不無聊

始終允許自由形式的創意方向來細化或覆蓋預設值。


創意法則

無論何種色調,這些規則都適用於每個宣傳影片。

簡短。 15-25 秒。沒有一個合理的理由,不要超過一秒。

可讀。 透過動態和剪輯保持節奏明快,切勿透過閃現文字。每一行觀眾必須閱讀的文字,都要停留足夠長的時間讓人讀完(短標籤約 0.8 秒穩定顯示;一句話約每個字 0.3 秒)。快速進入,然後停留 — 絕不快速進入然後消失。

具體。 影片必須讓人感覺是為這個特定專案製作的,而不是任何專案。

展示產品。 至少一個場景必須展示實際的 UI、文案或產品中的關鍵視覺。不要有抽象的填充內容。

禁止通用 SaaS 語言。 禁止使用「簡化你的工作流程」。請使用專案實際的文案和主張。

鉤子就是一切。 前 2 秒決定觀眾是否繼續觀看。在其他任何事情之前先規劃鉤子。

有趣要恰到好處。 幽默應來自專案的荒謬性,而不是來自試圖搞笑。

模式:

鉤子 (2-3 秒) → 揭露 (2-4 秒) → 2-3 個重點亮點 (5-12 秒) → 壓軸/結尾 (2-4 秒)

請根據情況調整。並非每個專案都需要剛好 3 個亮點。這個模式是起點,不是模板。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相關技能