skills.rest
NalinDalal
NalinDalalCOMMUNITY
Explore all skills by this author →
Website𝕏@nalin82929GitHub

brag

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

1|Updated Aug 17, 2026
Search Tags:#product marketing#video generation#storyboard#hyperframes#launch video#beat sync#share copy
One-click install
npx skills add https://github.com/NalinDalal/skillset --skill brag-nalindalal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brag
Source: https://github.com/NalinDalal/skillset/tree/main/skills/business/brag
Command: npx skills add https://github.com/NalinDalal/skillset --skill brag-nalindalal

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 shareable launch video normally requires manual scripting, storyboarding, motion design, and video editing. This Skill automates that pipeline by reading the project code directly and producing a rendered 15-25 second video with music, SFX, and share copy. ## Core Features & Use Cases - Project-to-video pipeline: Inspects index.html, stylesheets, and README files to extract the product's story, colors, and fonts, then plans a beat-by-beat storyboard. - Seven tone presets: Choose from default, polished, yc-parody, chaotic, deadpan, cinematic, or app-store tones, plus freeform creative direction and landscape, vertical, or square formats. - Audio and beat sync: Bundles CC0 SFX libraries and music tracks with precomputed beat-grid cue metadata, plus optional Kokoro narration via the --voice flag. - Use Case: After shipping a side project, run /brag --tone chaotic --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 agent to run /brag on the current project to turn it into a short shareable launch video.

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, builds a Hyperframes composition, 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. Freeform creative direction can refine or override any preset.

Can I add voiceover narration to the launch video?▼

Yes, pass the --voice flag to enable narration generated through Kokoro via the npx hyperframes tts command. Voice is strictly opt-in and disabled by default; scene durations flex to match the generated audio length.

Does /brag need a running website or screenshots?▼

No, it reads the project code directly, extracting copy from index.html, colors and fonts from stylesheets, and descriptions from README and package.json. It recreates UI moments in the composition rather than capturing a live site.

Why does the render step fail validation?▼

The npx hyperframes check gate must pass with zero errors before rendering, including WCAG contrast failures which gate as errors. Each contrast finding includes a suggested compliant color to apply before re-running the check.

What are the limitations of the beat sync feature?▼

Beat sync requires a cue source: a bundled preset, the analyze_music_cues.py script needing Python with librosa, or npx hyperframes beats requiring Hyperframes 0.6.99 or newer. If none are available, the video continues without beat sync.

Related Skills

Explore More Marketing & Sales Skills→
ogallottiogallotti
1

desenvolver

Assemble web pages from layout.md and approved hero with QA validation.

Community
Advanced
Coffee-Code-Philly-AcceleratorCoffee-Code-Philly-Accelerator
1

social-post

Create and distribute social media posts across Twitter, LinkedIn, Instagram, Facebook, and Discord.

Official
Intermediate
amplitudeamplitude
142

launch-video

Plans and produces launch videos, GIFs, screenshots, and Remotion compositions for multiple platforms.

Official
Intermediate
siarhei-belavussiarhei-belavus
2

demo-recording

Records per-scene browser demo clips and generates CapCut-ready scripts from captured assets.

Community
Advanced