/brag: launch video z tvého projektu jedním příkazem

Claude si přečte kód tvé aplikace, vezme její barvy, písma i texty a vyrenderuje krátké video s hudbou a motion grafikou. Zdarma a open source.

Rovnou na odkaz Návod 003 · čtení 4 min · ověřeno 10. 10. 2026

Co to je

Agent skill, který z projektu, na kterém zrovna pracuješ, udělá 15–25vteřinové launch video ke sdílení. Sám vymyslí příběh: co ukázat, v jakém tónu a v jakém pořadí. Video pak postaví a vyrenderuje Hyperframes, open source nástroj od HeyGenu. Licence MIT, na GitHubu přes 14 tisíc hvězd. Funguje v Claude Code, ale i v Codexu, Cursoru nebo opencode.

Podívej se, jak to funguje

Animace 1
Animace 2

Co umí

Hotové video, ne prezentace

Vyrenderované MP4 na 15–25 vteřin: pohyb, střihy a hudba do rytmu.

Čte kód projektu

Nepotřebuje odkaz ani screenshoty. Projde stránku, styly a obrázky přímo v projektu.

Tvoje značka

Barvy, písma a texty si vezme ze stylů a stránky, takže video sedí k produktu.

Vlastní scénář

Naplánuje storyboard a nejdřív vymyslí hook na první dvě vteřiny.

Text k příspěvku

K videu připraví i větu ke sdílení na sítě.

Styly

Polished, cinematic, app-store, deadpan… nebo vlastní, třeba „muzejní expozice“.

--tone--voice--duration--no-music--full/brag-slim

Jak ho rozjet

  1. 1
    Zkontroluj, co potřebuješ

    Node.js 22 nebo novější, FFmpeg a Hyperframes CLI. Všechno ověří tenhle příkaz:

    npx hyperframes doctor
  2. 2
    V Claude Code přidej zdroj
    /plugin marketplace add latent-spaces/brag
  3. 3
    Nainstaluj skill
    /plugin install brag@brag
  4. 4
    Ve složce projektu napiš

    „let's /brag“

Celý postup krok za krokem

Brag řídí příběh, Hyperframes video postaví. Po spuštění proběhne tohle:

  1. 1
    Prozkoumá projekt

    Přečte stránku (nadpisy, slogan, výzvy), styly (barvy, písma) a obrázky v assets.

  2. 2
    Naplánuje video

    Vybere úhel pohledu a tón a sepíše storyboard na 15–25 vteřin. Hook první.

  3. 3
    Složí kompozici

    Připraví zadání pro Hyperframes: scény, animace a hudbu s místy pro střih.

  4. 4
    Vyrenderuje

    Hyperframes video poskládá, načasuje a vyrenderuje do brag.mp4.

  5. 5
    Předá výsledek

    Ve složce brag-output najdeš plán, zadání, text k příspěvku a hotové video.

Na Claude Opus 5.5 se /brag sám přepne na lehčí /brag-slim, který postaví celé video bez Hyperframes. Klasický postup vrátí /brag --full.

Dobré vědět

Volby při spuštění
  1. --tone "cinematic" nebo vlastní popis stylu
  2. --voice zapne hlas (Kokoro)
  3. --duration nastaví délku v sekundách
Jiní agenti
  1. Codex, Cursor, Copilot, Gemini CLI, opencode
  2. Instalace: npx skills add https://github.com/latent-spaces/brag --skill brag
  3. Přidej -g a bude ve všech projektech
Bez instalace
  1. Na letsbrag.app vložíš odkaz na svůj web
  2. Dostaneš 20vteřinové video s hudbou
  3. Skill sám zůstává zdarma

3 tipy, které ve videu nebyly

01Hraj si se stylem

Zkus --tone "fake Series A launch from 2016" nebo „overproduced mobile game ad“. Každý tón dá úplně jiné video.

02Pomoz mu s hookem

Skill ví, že první dvě vteřiny rozhodují. Řekni mu, co je na tvé aplikaci nejzajímavější, a začne tím.

03Koukni do plánu

Ve výstupní složce je i brag-plan.md se storyboardem. Když se ti něco nelíbí, řekni Claudovi, co změnit, a nech video udělat znovu.

Na co si dát pozor

  • Komunitní projekt (latent-spaces), ne oficiální nástroj od Anthropicu.
  • Nejlíp funguje u projektu s webem: texty a barvy bere hlavně z úvodní stránky a stylů.
  • Potřebuješ terminál a nainstalovaný Node.js a FFmpeg. Hlas je ve výchozím stavu vypnutý.
Odkaz z videa/brag na GitHubu
Otevřít odkaz