企业官网建设流程全解析

快速上手brag：5分钟创建专业级项目展示视频终极指南

【免费下载链接】bragYou built it. Now brag. Turn the project you just created into a short, shareable launch video with one command.项目地址: https://gitcode.com/gh_mirrors/brag1/brag

您刚刚完成了一个出色的项目，现在想要向世界展示它吗？无需复杂的视频编辑软件或漫长的制作流程，brag正是您需要的终极解决方案！这个强大的工具能够在短短几分钟内将您的项目网站转化为专业、可分享的启动视频。无论您是开发者、设计师还是创业者，brag都能让您的项目展示变得简单而高效。

什么是brag？为什么您需要它？

brag是一个专为AI编码代理（如Claude Code、Codex、Cursor等）设计的智能技能，它能自动分析您的项目代码，理解应用功能，并生成一段精美、可分享的启动视频。想象一下，只需一个简单的命令，您的项目就能拥有专业级的宣传视频，包含音乐、动画和分享文案。

传统的项目展示方式往往需要截图、录屏和复杂的后期编辑，而brag彻底改变了这一流程。它通过Hyperframes技术，自动生成15-25秒的精彩视频，让您的项目在社交媒体、演示或团队分享中脱颖而出。

图：brag生成的精美项目展示视频示例

一键安装：快速开始您的brag之旅

安装brag非常简单，根据您使用的AI代理不同，有以下几种方式：

对于Claude Code用户

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

对于其他AI代理用户

npx skills add https://github.com/latent-spaces/brag --skill brag

安装完成后，在您的项目目录中运行/brag命令即可开始创建视频。如果您想要全局安装，只需添加-g参数。

系统要求

• 支持Agent Skills的AI代理（Claude Code、opencode、Codex CLI等）
• Node.js 22+
• FFmpeg（确保已在PATH中）
• Hyperframes CLI（通过npx hyperframes安装）

5分钟创建您的第一个项目展示视频

第一步：进入项目目录

打开终端，导航到您的项目目录。无论是网站、应用还是任何类型的项目，brag都能智能分析。

第二步：运行brag命令

let's /brag

就是这么简单！brag会自动扫描您的项目，理解其功能和特点，然后开始创建视频。

第三步：自定义视频风格

如果您想要特定的视频风格，可以添加参数：

/brag --tone "fake Series A launch from 2016"

brag支持多种预设风格：

• default：活泼、干净的默认风格
• polished：严肃、优雅的专业风格
• yc-parody：模仿YC风格的创业视频
• chaotic：快速、夸张的疯狂风格
• deadpan：冷静、低调的简约风格
• cinematic：戏剧化的电影风格
• app-store：应用商店风格的展示

图：Fish Flight School项目生成的brag视频截图

brag的智能工作流程

1. 项目分析

brag首先深入分析您的项目代码，理解应用的核心功能和特色。它会读取关键文件，包括：

• 项目配置文件
• 主要源代码文件
• 界面布局和设计元素
• 功能说明文档

2. 创意规划

基于项目分析，brag会制定详细的视频计划。这个过程在brag-output/brag-plan.md文件中完成，包含：

• 项目概述和核心价值主张
• 视频节奏和故事板
• 场景划分和时间安排
• 音乐和音效指导

3. 视频合成

brag将创意计划转化为具体的视频合成指令，使用Hyperframes技术创建：

• 动态文本动画
• 界面展示效果
• 平滑过渡和转场
• 音乐节奏同步

4. 渲染输出

最终，brag会生成完整的视频文件：

• brag.mp4：15-25秒的完整视频
• brag.jpg：最佳帧海报图片
• share-copy.txt：准备好的分享文案

图：Taxi for Taxis项目网站与brag视频对比

高级技巧：打造完美的项目展示

选择合适的视频格式

brag支持三种视频格式，满足不同平台需求：

/brag --format landscape # 横屏格式（默认） /brag --format vertical # 竖屏格式，适合社交媒体 /brag --format square # 方形格式，通用性最强

控制视频时长

虽然brag会自动优化视频长度，但您也可以手动指定：

/brag --duration 20 # 20秒视频

音频控制选项

/brag --no-music # 不使用背景音乐 /brag --no-sfx # 不使用音效

实际案例展示

让我们看看brag为不同项目生成的精彩视频：

Fish Flight School项目

这个有趣的"鱼类飞行学校"项目通过brag生成了专业级的宣传视频。视频展示了：

• 项目的主要功能界面
• 特色课程介绍
• 用户评价展示
• 清晰的行动号召

Horse Tinder项目

为"马匹交友应用"创建的brag视频采用了活泼的风格，突出展示了：

• 简洁的用户界面
• 匹配算法介绍
• 成功案例展示
• 下载引导

Taxi for Taxis项目

这个"出租车服务出租车"的项目通过brag生成了专业的商业演示视频，包括：

• 服务流程展示
• 司机端界面
• 乘客端体验
• 数据统计展示

图：Horse Tinder项目的brag视频截图

创意法则：打造引人注目的视频

brag遵循一套严格的创意法则，确保每个视频都达到专业标准：

简洁为王：每个视频仅15-25秒，绝不冗长清晰可读：文本显示时间充足，确保观众能轻松阅读具体展示：每个视频都针对特定项目定制，避免通用模板展示实质：至少包含一个实际界面或功能展示场景拒绝陈词滥调：避免使用"SaaS模板语言"抓住注意力：前2秒决定观众是否继续观看幽默恰到好处：幽默源自项目本身的特色，而非强行搞笑

故障排除与常见问题

安装问题

如果安装遇到问题，请确保：

1. 您的AI代理支持技能功能
2. Node.js版本为22或更高
3. FFmpeg已正确安装并添加到PATH

视频生成失败

检查项目结构是否完整，brag需要能够访问：

• 项目的主要HTML文件
• CSS样式文件
• 必要的资源文件

性能优化

对于大型项目，建议：

1. 确保项目目录结构清晰
2. 提供明确的入口文件
3. 保持代码组织良好

开始您的brag之旅

现在您已经了解了brag的强大功能，是时候为您的项目创建第一个专业展示视频了！无论您是在开发一个创新应用、设计一个精美网站，还是构建任何类型的数字产品，brag都能帮助您以最专业的方式展示成果。

记住，优秀的项目值得优秀的展示。不要满足于简单的截图或录屏，让brag为您的作品增添专业的光彩。只需一个命令，您就能拥有一个令人印象深刻的项目展示视频，让您的努力得到应有的关注和认可。

立即尝试brag，体验5分钟创建专业级项目展示视频的便捷与高效！您的项目值得最好的展示方式，而brag正是实现这一目标的最简单途径。

【免费下载链接】bragYou built it. Now brag. Turn the project you just created into a short, shareable launch video with one command.项目地址: https://gitcode.com/gh_mirrors/brag1/brag