brag

Generate short shareable launch videos from project source code using Hyperframes.

3|Updated Oct 25, 2025
One-click install
npx skills add https://github.com/Prismaibrowser/prismspace-web --skill brag-prismaibrowser
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brag
Source: https://github.com/Prismaibrowser/prismspace-web/tree/main/.agents/skills/brag
Command: npx skills add https://github.com/Prismaibrowser/prismspace-web --skill brag-prismaibrowser

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires librosa, numpy, scipy, soundfile, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve? Turning a finished project into a polished, shareable launch video normally requires video editing skills, screen recordings, and hours of manual work. This Skill reads the project code directly and produces a scripted, storyboarded, rendered 15-25 second video with music, SFX, and share copy. ## Core Features & Use Cases - Code-driven video planning: Inspects index.html, styles.css, README, and app routes to extract the product's voice, color palette, fonts, and user flow, then writes a beat-by-beat storyboard. - Seven tone presets: Choose from default, polished, yc-parody, chaotic, deadpan, cinematic, or app-store tones, each with distinct pacing, typography, and transition styles, plus freeform creative direction. - Full audio layer: Bundled CC0 music tracks with precomputed beat/cue metadata, a 228-file SFX library with spectral analysis, optional beat-synced reveals, audio-reactive visuals, and opt-in Kokoro narration via --voice. - Use Case: After shipping a side project, run "/brag --tone yc-parody --format vertical" to get a rendered brag.mp4, a poster frame baked as frame 0, and ready-to-post share copy. ## Quick Start Ask the AI to run /brag on the current project to plan, compose, and render a short launch video with music and share copy.

Frequently Asked Questions about brag

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn my project into a launch video?▼

Invoke /brag in the project directory and the skill reads your code, plans a storyboard, hands a composition brief to Hyperframes, and renders a 15-25 second brag.mp4 with share copy. No live URL or screenshots are needed since it reads source files directly.

What video formats and tones does /brag support?▼

It supports landscape, vertical, and square formats via the --format flag, and seven tone presets: default, polished, yc-parody, chaotic, deadpan, cinematic, and app-store. You can also pass freeform creative direction, which is mapped to the nearest preset.

Can I add voiceover narration to the brag video?▼

Yes, pass the --voice flag to enable narration generated through Kokoro via the npx hyperframes tts command. Voice is strictly opt-in; normal runs produce no voice track, and music ducks to 0.12-0.15 volume during narration.

Does /brag require Python for music beat sync?▼

No. Bundled tracks ship with precomputed cue presets requiring no dependencies. For custom tracks, analyze_music_cues.py needs Python with librosa run via uv, or you can use npx hyperframes beats on Hyperframes 0.6.99 or later with no Python at all.

Why does the rendered video thumbnail look wrong on Slack or Twitter?▼

Platforms like Slack, Twitter/X, and Discord grab frame 0 as the idle thumbnail and ignore embedded cover art. The skill solves this by extracting the strongest settled frame as brag.jpg and baking it over frame 0 of brag.mp4 with ffmpeg.

What are the limitations of the /brag video workflow?▼

Videos are capped at 15-25 seconds and require Hyperframes for composition, linting, and rendering, plus ffmpeg for poster baking. Landing-page-only projects without a working app flow rely on the strongest visual instead of product-in-use scenes.