プロジェクトを1つのコマンドでローンチ動画に変える：/brag | AIBit

新しいプロジェクトをリリースしました。誇りに思っています。しかし、今こそほとんどの開発者が嫌がる部分、つまりローンチ動画の作成です。画面収録、クリップの編集、音楽の追加、コピーの作成——これらはまるで別のプロジェクトです。これらすべてをスキップして、洗練された共有可能なローンチ動画を1つのコマンドで生成できたらどうでしょうか？

それがまさに /brag の役割です。これはClaude Codeスキルで、作成したプロジェクトを短くループするローンチ動画に変換します。音楽、モーション、共有コピーが完備されています。1つのコマンドで、Hyperframes を搭載しています。

/bragとは？

/bragは、Claude Code（およびopencodeやCodex CLIなどの互換エージェント）向けのオープンソーススキルで、ローンチ動画作成プロセス全体を自動化します。プロジェクトディレクトリ内で /brag を実行すると、brag-output/ フォルダーが生成されます。

計画と構成の概要
ソーシャルメディアやローンチページ用の共有コピー
音楽とモーションを備えたレンダリング済みの brag.mp4 動画

ローンチサイトのループ動画自体も、このリポジトリで /brag によって作成されました——ドッグフーディングの極みです。

これが必要な理由

ローンチ動画は、新しいプロジェクトにとって最も影響力のある資産の1つです。潜在的なユーザーに、あなたが構築したものを瞬時に直感的に伝えます。しかし、それらは大きな時間の浪費でもあります。

録画と編集に何時間もかかる
ペース配分が難しい
音楽や効果音の追加には別のツールが必要
魅力的なコピーを書くのは別のスキルセット

/bragはこれらすべてを排除します。製品の角度、トーン、表示する瞬間など、ストーリーを所有し、焦点を絞った概要をHyperframesに渡します。Hyperframesは動画を構築、タイミング調整、レンダリングします。結果は、数時間ではなく数分でプロフェッショナルなローンチ動画になります。

インストール

プラグインマーケットプレイス経由（推奨）

Claude Codeを使用している場合、最も簡単な方法はプラグインマーケットプレイスを通じてです。

/plugin marketplace add latent-spaces/brag
/plugin install brag@brag

その後、任意のプロジェクト内で /brag を実行します。

直接インストール（プラグインシステムなし）

エージェントがプラグインシステムをサポートしていない場合は、スキルを直接インストールします。

rsync -a --exclude '.DS_Store' skills/brag/ ~/.claude/skills/brag/

コピー後、Claude Codeを再起動します。

他のエージェントとの互換性

リポジトリは、各エージェントの標準的な検出パスにシンボリックリンクを介してスキルを公開します。追加の設定は不要です。

エージェント	検出パス
opencode	プロジェクトルートの `.opencode/skills/brag/`
Codex CLI	`.agents/skills/brag/`、リポジトリルートまで遡る
Claude Code	`.claude/skills/brag/`（マーケットプレイスインストールに加えて）
その他のエージェント	カスタム指示を `skills/brag/SKILL.md` に指定

Windowsユーザーへ： Gitでは git config core.symlinks true（または git clone -c core.symlinks=true）とWindows開発者モードまたは管理者権限が必要です。シンボリックリンクが機能しない場合は、手動で skills/brag/ をエージェントのスキルディレクトリにコピーしてください。

使用方法

任意のプロジェクトディレクトリから、エージェントに次のように依頼します。

let's /brag

これだけです。スキルがプロジェクトを分析し、最適な角度とトーンを決定し、すべてを生成します。

トーンの調整

より具体的なものが欲しい場合は、--tone フラグを使用します。

/brag --tone "2016年の偽のシリーズAローンチ"

これにより、動画の個性を調整できます。真面目でプロフェッショナルなものから、遊び心があって風変わりなもの、またはその中間まで、自由に設定できます。

仕組み

/bragは2段階のプロセスに従います。

ストーリーの所有 — スキルがプロジェクトの構造、README、主要ファイルを分析し、何を構築したかを理解します。製品の角度、トーン、強調する瞬間を決定します。
動画生成 — 焦点を絞った構成概要をHyperframesに渡し、Hyperframesが動画を構築、タイミング調整、レンダリングします。Hyperframesはモーショングラフィックス、音楽同期、出力エンコーディングといった技術的な重労働を処理します。

要件

Agent Skillsをサポートするエージェント（Claude Code、opencode、Codex CLI、またはカスタム指示を持つ任意のエージェント）
Node.js 22+
PATH上の FFmpeg
Hyperframes CLI — npx hyperframes doctor で確認

リポジトリの内容

latent-spaces/brag リポジトリはよく整理されています。

skills/brag/ — スキル本体、リファレンス、バンドルされた音楽+効果音
examples/ — ベンチマークスイートとして使用される偽の製品サイト
docs/ — ローンチサイト（GitHub Pages）
.claude-plugin/ — プラグインマニフェスト+マーケットプレイスカタログ
.claude/skills/brag/ — Claude Code検出用のシンボリックリンク
.agents/skills/brag/ — Codex CLI+opencode検出用のシンボリックリンク
.opencode/skills/brag/ — opencode検出用のシンボリックリンク

クレジット

音楽 — ende.app 「Happy Beats / Business Moves」
効果音 — Kenney
動画生成 — Hyperframes
偽のデモサイト — Impeccable で構築

開発者にとっての重要性

ローンチ動画はボトルネックになるべきではありません。/bragは動画作成をコードレベルの関心事として扱います。つまり、実際の開発作業と並行してエージェントが処理できるものです。これは、AIスキルがコード生成を超えてプロジェクトライフサイクル全体のタスクに移行している完璧な例です。

動画編集ソフトウェアで何時間も過ごす代わりに、ターミナルに留まります。別のマーケティングコピーを書く代わりに、実際のプロジェクトから生成されます。どの音楽が合うか推測する代わりに、自動的にバンドルされ同期されます。

はじめに

プラグインマーケットプレイスまたは直接コピーで /brag をインストール
任意のプロジェクトディレクトリに移動
let's /brag を実行
brag-output/brag.mp4 で動画を確認

コントリビューション、アイデア、新しいデモブラグは大歓迎です。GitHubリポジトリでIssueまたはPRを開いてください。

/bragはGitHubで760以上のスターと56のフォークを獲得しており、その理由は明らかです。動画編集者にならずに自分の作品を共有したい開発者の真の痛点を解決します。1つのコマンド、1つの動画、ゼロの手間。

ソース

latent-spaces/brag: あなたが構築しました。さあ、自慢しましょう。作成したプロジェクトを1つのコマンドで短く共有可能なローンチ動画に変えます。