Agent skill

Brag

by vvedantb in vvedantb/eva

Turn the current project website into a short, polished, shareable launch video using Hyperframes.

MITAuto-check passedMedia & Creative

Install Brag

skills CLI
$ npx skills add vvedantb/eva --skill brag -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install vvedantb/eva brag --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/vvedantb/eva.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/brag .claude/skills/brag && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
brag
GitHub stars
101
Used in
2 other repos
Token cost
~2.3k tokens
SKILL.md length
1,149 words
Files
297 (incl. scripts, references, assets)
Skills in repo
25
Repo updated
First seen
Licence
MIT

At a glance

Turn the current project website into a short, polished, shareable launch video using Hyperframes.

  • Works in 4 steps: Inspect the project → Plan and storyboard → Hand off to Hyperframes → …
  • Someone says /brag
  • SKILL.md covers Invocation dispatch (must…, What this skill does, Parsing the invocation and Narration guidance, plus 8 more sections
  • Calls npx

What it does

Brag is an agent skill from vvedantb/eva. Turn the current project website into a short, polished, shareable launch video using Hyperframes. Use when someone says "/brag", "let's brag about this", "make a launch video", "turn this into a video", or wants to share what they built. Reads the project code directly — no live URL or screenshots needed.

Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 299 other files, including scripts, reference files and assets (for example `assets/music/README.md`, `assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.json` and `assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.md`).

It sits in Media & Creative, covering Motion graphics and Text to speech and voice. It works with HeyGen. The repository describes itself as: Orchestrate sandboxed agents that run in the cloud while you work. The licence is MIT.

When your agent uses it

  • Someone says /brag
  • Lets brag about this
  • Make a launch video
  • Turn this into a video

Example prompts

  • “s brag about this”
  • “make a launch video”
  • “turn this into a video”
  • “/brag”

Requirements

  • Node.js

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Inspect the project
  2. Plan and storyboard
  3. Hand off to Hyperframes
  4. Validate, render, and deliver

What it can do on your machine

Read from SKILL.md and the folder at commit 1c4532e. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/, which the agent can run.

    Shell commands in SKILL.md call:

    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Brag loads about 2.3k tokens when it runs, and up to ~19k if it reads all its reference files. Until then it costs about 78 tokens; SKILL.md has 1,149 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~78
When it runs · the whole SKILL.md, loaded when a task matches
~2.3k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~19k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from vvedantb/eva at commit 1c4532e, republished under its MIT licence (© vvedantb). 1,149 words, ~2,273 tokens.

Download SKILL.mdSave it as .claude/skills/brag/SKILL.md (or your agent's skills folder). This skill also uses 296 other files; get the full folder from GitHub.
name
brag
description
Turn the current project website into a short, polished, shareable launch video using Hyperframes. Use when someone says "/brag", "let's brag about this", "make a launch video", "turn this into a video", or wants to share what they built. Reads the project code directly — no live URL or screenshots needed.

/brag

You built it. Now let's brag about it.

Invocation dispatch (must happen first)

Model check. If you are Claude Opus 5.5 and the invocation doesn't ask for the full workflow (--full, "use the full brag") or for voiceover (--voice, which brag-slim doesn't do), switch to brag-slim: read <skill-dir>/slim.md (the /brag-slim skill, bundled here) and follow it for the rest of this run instead of this file. Pass along the user's input, and pass any other options (--no-music, --title, …) as plain-language direction. Tell the user in one line first, e.g. "You're on Opus 5.5, so I'm using /brag-slim: I build the whole video myself. Say 'use the full brag' to switch back." If you are any other model, or can't tell which model you are, skip this check.

Before inspecting the project, parse the complete /brag invocation. If the invocation contains --voice, set voice.enabled = true. Enable narration only for that run. Do not enable narration automatically and do not fall back to the normal no-voice workflow.

/brag turns the current project website or app into a short, polished, shareable launch video using Hyperframes. It is narrow, opinionated, and fun.

What this skill does

  1. Reads the current project code to understand the app.
  2. Plans a short brag concept specific to this project.
  3. Scripts and storyboards the video.
  4. Hands a focused composition brief to Hyperframes.
  5. Validates, renders, and writes share copy.

Parsing the invocation

The user may invoke with natural language or flags:

/brag
/brag --tone chaotic
/brag --tone polished --format vertical
/brag this. Make it feel like a ridiculous startup launch.

Parse these options:

OptionValuesDefault
--tonepreset or freeform descriptioninferred
--formatlandscape, vertical, squarelandscape
--durationsecondsauto (15-25s)
--no-musicflagmusic on
--no-sfxflagsfx on
--titlestringinferred from project
--voiceflagnarration off

Voice is opt-in. If --voice is present, use Kokoro via Hyperframes and do not add any provider-selection logic. The voice workflow is intentionally single-provider.

Tone can be a preset (default, polished, yc-parody, chaotic, deadpan, cinematic, app-store) or a creative direction such as "fake Series A launch from 2016", "museum exhibit", or "overproduced mobile game ad".

When the user gives freeform tone direction, map it to the nearest preset for pacing and structure, but preserve the user's direction in the plan and composition brief.

Narration guidance

When --voice is enabled, write narration that complements the visuals, does not simply read visible text, matches scene pacing, sounds natural and conversational, and moves smoothly between scenes. Keep the script concise and specific to the product so the voice feels like part of the edit rather than a separate narration track.


Output directory

By default, output goes to brag-output/. To avoid overwriting previous runs, use a timestamped directory:

brag-output-2026-05-04-143022/

Use a timestamp when:

  • The user explicitly asks for a new run without overriding previous results
  • A brag-output/ directory already exists in the project

Generate the timestamp at the start of the run (YYYY-MM-DD-HHmmss) and use it consistently for all output paths in that run: plan, brief, composition, render, and share copy.

Skill directory

<skill-dir> is the directory containing this SKILL.md. Claude Code prints it as "Base directory for this skill" when the skill loads; for other agents it's wherever the skill was installed. Bundled assets are under <skill-dir>/assets/ and scripts under <skill-dir>/scripts/. Don't guess an install path: a plugin install, a ~/.claude/skills/ copy, and this repo all put it somewhere different.


Step 1: Inspect the project

Read: references/step-1-inspect.md

Scan the project directory and extract the information needed to plan the brag video.

Gate: You can answer all 9 questions in the brag planning rubric.


Step 2: Plan and storyboard

Read: references/step-2-plan.md

Write <output-dir>/brag-plan.md (where <output-dir> is brag-output/ or the timestamped variant chosen above). Answer the planning rubric. Commit to a creative angle. Write the beat-by-beat storyboard including scenes, text, timing, transitions, and SFX cues.

When music is selected, include a compact Music cue guidance section: read the bundled track's cue preset from <skill-dir>/assets/music/cues/ if present, otherwise note cues will be detected at composition time (any track now supports beat sync — see references/audio.md). Cue metadata is optional timing guidance only: story, readability, pacing, and product clarity stay primary.

Gate: <output-dir>/brag-plan.md exists with a full storyboard. Scene durations sum to 15–25 seconds.


Show full SKILL.md (460 more words)Show less

Step 3: Hand off to Hyperframes

Read: The Hyperframes domain skills — hyperframes-core, hyperframes-animation, hyperframes-creative, hyperframes-keyframes, hyperframes-cli. /brag is its own workflow: do not enter the hyperframes entry-point intent interview or route into its generic promo / launch-video workflow. Read: references/step-3-compose.md Read: references/audio.md

Write the composition brief and use Hyperframes to create the video implementation in <output-dir>/composition/.

/brag owns the product angle, source material, storyboard, tone, format, audio selection, music cue guidance, and delivery expectations. Hyperframes owns the concrete composition structure, exact animation timing, animation mechanics, runtime choices, linting rules, and render workflow.

Gate: npx hyperframes check passes with zero errors inside <output-dir>/composition/ (the single browser gate before render — see hyperframes-cli for what it audits).


Step 4: Validate, render, and deliver

Read: references/step-4-deliver.md

Validate, preview, render to <output-dir>/brag.mp4, pick the best poster frame into <output-dir>/brag.jpg, bake that poster as the video's frame 0 so it's the idle thumbnail everywhere, and write <output-dir>/share-copy.txt.

Gate: <output-dir>/brag.mp4 exists. A best-frame poster <output-dir>/brag.jpg is picked (not an arbitrary frame) and baked as frame 0 of brag.mp4. Share copy is written.


Tone system

Seven tone presets ship with /brag. Each changes scripting energy, pacing, typography personality, and transition style. Presets are defaults, not limits.

Full definitions: references/tones.md

ToneEnergyOne-liner
defaultPlayful, clean, postableThe good-vibes default
polishedSerious, elegantFor projects that are not jokes
yc-parodyDeadpan startup energyFake seriousness applied to absurd projects
chaoticFast, loud, aggressiveOver-the-top and unhinged
deadpanCalm, dry, understatedThe joke is that nothing is a joke
cinematicDramatic, trailer-scaleBig motion, bigger claims
app-storeSmooth, feature-card cleanCorporate but not boring

Always allow a freeform creative direction to refine or override the preset.


Creative laws

These apply to every brag video regardless of tone.

Short. 15–25 seconds. Not one second more without a reason. This holds whether or not narration is on; narration does not extend the window.

Readable. Keep the pace high through motion and cuts, never by flashing text. Every line a viewer must read holds long enough to read it (short label ~0.8s settled; a sentence ~0.3s per word). Fast-in, then hold — never fast-in, then gone.

Specific. The video must feel like it was made for this exact project, not any project.

Show the thing. At least one scene must display actual UI, copy, or a key visual from the product. No abstract filler.

No generic SaaS language. "Streamline your workflow" is banned. Use the project's actual copy and claims.

The hook is everything. The first 2 seconds determine whether someone keeps watching. Plan the hook before anything else.

Funny earns its place. Humor should come from the project's absurdity, not from trying to be funny.

Pattern:

Hook (2-3s) → Reveal (2-4s) → 2-3 sharp highlights (5-12s) → Punchline/outro (2-4s)

Adapt this. Not every project needs exactly 3 highlights. The pattern is a starting shape, not a template.

© vvedantb, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 296 other files (scripts, references, assets) in .claude/skills/brag of vvedantb/eva.

  • SKILL.md
  • assets/music/README.md
  • assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.json
  • assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.md
  • assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.json
  • assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.md
  • assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.json
  • assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.md
  • assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.json
  • assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.md
  • assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.json
  • assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.md
  • assets/music/happy-beats-business-moves-vol-1-by-ende-dot-app.mp3
  • assets/music/happy-beats-business-moves-vol-10-by-ende-dot-app.mp3
  • assets/music/happy-beats-business-moves-vol-11-by-ende-dot-app.mp3
  • assets/music/happy-beats-business-moves-vol-12-by-ende-dot-app.mp3
  • assets/music/happy-beats-business-moves-vol-9-by-ende-dot-app.mp3
  • assets/sfx
  • … and 279 more

Open the folder on GitHubat commit 1c4532e

Used in 2 other repositories

We found 2 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 2 other GitHub owners. This page covers the copy in vvedantb/eva, which our catalogue first saw on October 10, 2026.

Compare with similar skills

Brag next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Brag compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Brag this skillvvedantb/eva1012 repos~2.3kAutomated safety check: PassMIT
Media Useedenfunf/reelmimic1.9k1 repos~2kAutomated safety check: PassMIT
Hyperframesboraoztunc/skills3989 repos~7.6kAutomated safety check: PassApache-2.0
Hyperframes Creativechmonitor/chmonitor3005 repos~1.3kAutomated safety check: PassGPL-3.0
Hbg Life SimulationMr-funny/hbg-life-simulation141—~5.8kAutomated safety check: PassMIT
Hyperframesscott-fryxell/brayness125—~3.2kAutomated safety check: PassMIT

Similar skills

  • Media Use

    edenfunf/reelmimic

    Agent Media OS, the single skill for every media need in a HyperFrames project.

    1.9k GitHub starsUsed in 1 repo~2k tokens
    Media & CreativeAuto-check passed
  • Hyperframes

    boraoztunc/skills

    Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.

    398 GitHub starsUsed in 9 repos~7.6k tokens
    Media & CreativeAuto-check passed
  • Hyperframes Creative

    chmonitor/chmonitor

    Non-animation creative direction for HyperFrames videos. An agent skill from chmonitor/chmonitor.

    300 GitHub starsUsed in 5 repos~1.3k tokens
    Media & CreativeAuto-check passed
  • Hbg Life Simulation

    Mr-funny/hbg-life-simulation

    Create Chinese HBG “模拟人生 / 人生副本” narrative videos with a consistent comic IP, a rapid multi-life opening, continuous natural-speed narration, synchronized short captions, dense static manga…

    141 GitHub stars~5.8k tokensUpdated 2 mo ago
    Media & CreativeAuto-check passed
  • Hyperframes

    scott-fryxell/brayness

    Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.

    125 GitHub stars~3.2k tokensUpdated 12 days ago
    Media & CreativeAuto-check passed
  • Hyperframes Media

    cosmicstack-labs/mercury-agent-skills

    Asset preprocessing for HyperFrames compositions — local text-to-speech narration (Kokoro-82M, no API key), audio/video transcription (Whisper), and background removal for transparent overlays…

    476 GitHub stars~1.7k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed

More from vvedantb/eva

All 25 skills in this repo
  • Eva Feature Demo

    vvedantb/eva

    Record a real agent-browser screencast of one eva feature being used end to end, convert it to an X-ready mp4, and write a tweet for it.

    101 GitHub stars~3.3k tokensUpdated today
    Auto-check passed
  • Animate

    vvedantb/eva

    Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and…

    101 GitHub starsUsed in 6 repos~2.9k tokens
    Auto-check passed
  • Design and build Convex components with clear boundaries, isolated state, and app-facing wrappers.

    101 GitHub stars~3.3k tokensUpdated today
    Auto-check passed
  • Grab a single clean HD screenshot of a new eva feature from the real running app (Playwright at deviceScaleFactor 2, 1280 layout captured crisp at 2560×1440, dev overlays hidden) and write a tweet…

    101 GitHub stars~3.2k tokensUpdated today
    Auto-check: notes
  • Code Structure

    vvedantb/eva

    A skill your agent uses when multiple workflows duplicate the same operational logic, when deciding what belongs in actions vs shared services, or when refactoring repeated operational blocks across…

    101 GitHub starsUsed in 2 repos~1.1k tokens
    Auto-check passed
  • Eva Launch Video

    vvedantb/eva

    Produce polished, mobile-friendly product demo videos of the eva app with Remotion — 1280×720, snappy beat-synced hard cuts, lo-fi music that swells on every cut, and footage captured from the REAL…

    101 GitHub stars~2.7k tokensUpdated today
    Auto-check passed

Works with

Questions about Brag

What does Brag do?

Turn the current project website into a short, polished, shareable launch video using Hyperframes. Brag is an agent skill from vvedantb/eva. Turn the current project website into a short, polished, shareable launch video using Hyperframes.

When should I use Brag?

Brag fits situations like: someone says /brag; lets brag about this; make a launch video; turn this into a video.

How do I install Brag in Claude Code?

Run `npx skills add vvedantb/eva --skill brag -a claude-code`. Or copy the skill folder (.claude/skills/brag in vvedantb/eva) into .claude/skills/brag in your project. Claude Code loads it when a task matches its description.

How do I install Brag in Codex?

Run `npx skills add vvedantb/eva --skill brag -a codex`. Or copy the skill folder (.claude/skills/brag in vvedantb/eva) into .agents/skills/brag in your project. Codex loads it when a task matches its description.

Can I use Brag in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vvedantb/eva --skill brag -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/brag, .gemini/skills/brag, .github/skills/brag and .opencode/skills/brag in your project.

What does Brag need to run?

Going by SKILL.md and its folder, Brag needs the command-line tools its instructions call (npx). Our summary lists: Node.js.

Does Brag access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Brag safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Brag use?

Brag is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Brag use?

About 2.3k tokens (SKILL.md is roughly 9.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 16k tokens, read only when the agent opens those files.

What are the alternatives to Brag?

Skills that share tags, products or a category with Brag: Media Use (edenfunf/reelmimic, 1.9k stars), Hyperframes (boraoztunc/skills, 398 stars), Hyperframes Creative (chmonitor/chmonitor, 300 stars) and Hbg Life Simulation (Mr-funny/hbg-life-simulation, 141 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Brag?

vvedantb (a GitHub user) maintains it in vvedantb/eva, which has 101 GitHub stars. The repository holds 25 skills in this directory. The repository was last updated on October 10, 2026.

Source: vvedantb/eva on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.