New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Hype Video

by jamesmontemagno in jamesmontemagno/tiny-clips

Produce the Tiny Clips hype video for a new release — ask about the campaign angle, energy, motion, music, and visual theme, then update the "What's new" tiles, render the 45-second 1080p MP4, and…

MITAuto-check passedWriting & Content

Install Hype Video

skills CLI
$ npx skills add jamesmontemagno/tiny-clips --skill hype-video -a claude-code

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

GitHub CLI
$ gh skill install jamesmontemagno/tiny-clips hype-video --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/jamesmontemagno/tiny-clips.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.github/skills/hype-video .claude/skills/hype-video && 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
hype-video
GitHub stars
121
Token cost
~2.5k tokens
SKILL.md length
1,297 words
Files
1
Skills in repo
2
Repo updated
First seen
Licence
MIT

At a glance

Produce the Tiny Clips hype video for a new release — ask about the campaign angle, energy, motion, music, and visual theme, then update the "What's new" tiles, render the 45-second 1080p MP4, and…

  • Works in 7 steps: Confirm the creative brief → Choose what to hype → Edit src/content.js → …
  • Tweet about new Tiny Clips features
  • SKILL.md covers When to use, Procedure, Changing more than the tiles and Requirements
  • Calls npm, ffprobe and node

What it does

Hype Video is an agent skill from jamesmontemagno/tiny-clips. Produce the Tiny Clips hype video for a new release — ask about the campaign angle, energy, motion, music, and visual theme, then update the "What's new" tiles, render the 45-second 1080p MP4, and draft a social post. Use when asked to hype, promote, announce, or make a video or tweet about new Tiny Clips features or a release.

Its SKILL.md is about 2.5k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Writing & Content, covering Social media posts. It works with C#, macOS and Windows. The repository describes itself as: A lightweight macOS & Windows menu bar app for capturing screenshots (PNG), video (MP4), and animated GIFs of a selected screen region. The licence is MIT.

When your agent uses it

  • Tweet about new Tiny Clips features
  • Tasks that involve Social media posts

Example prompts

  • “/hype-video”

Requirements

  • Node.js

Workflow steps

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

  1. Confirm the creative brief
  2. Choose what to hype
  3. Edit src/content.js
  4. Check it
  5. Render
  6. Draft the post
  7. Commit

What it can do on your machine

Read from SKILL.md and the folder at commit 2001cf8. 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

    Shell commands in SKILL.md call:

    • npm
    • ffprobe
    • node

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

  • Network

    No URLs in SKILL.md. Its commands use npm, 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

Hype Video loads about 2.5k tokens when it runs. Until then it costs about 85 tokens; SKILL.md has 1,297 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~85
When it runs · the whole SKILL.md, loaded when a task matches
~2.5k

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); files beside SKILL.md are not scanned.

SKILL.md

The full file from jamesmontemagno/tiny-clips at commit 2001cf8, republished under its MIT licence (© jamesmontemagno). 1,297 words, ~2,454 tokens.

Download SKILL.mdSave it as .claude/skills/hype-video/SKILL.md (or your agent's skills folder).
name
hype-video
description
Produce the Tiny Clips hype video for a new release — ask about the campaign angle, energy, motion, music, and visual theme, then update the "What's new" tiles, render the 45-second 1080p MP4, and draft a social post. Use when asked to hype, promote, announce, or make a video or tweet about new Tiny Clips features or a release.
argument-hint
[what to hype] (e.g., 'the 1.9 release', 'scrolling capture and OCR', 'latest Windows features')
user-invocable
true

Hype Video

Re-cut the Tiny Clips hype video around a new set of features and draft the post that ships with it.

The video is code, not footage. It lives in marketing/hype-video/: an HTML/CSS composition rendered frame by frame in headless Edge or Chrome, with a soundtrack synthesized in Node. The intro, the core-feature scenes, and the outro stay the same from release to release. The part that changes is the "What's new" section (0:30–0:39), and all of its text and visuals come from one file: marketing/hype-video/src/content.js.

When to use

  • A release has shipped, or is about to, and the user wants a video for it.
  • The user asks to hype, promote, or announce specific features.
  • The user wants a tweet or post about what is new in Tiny Clips.

Procedure

1. Confirm the creative brief

Before editing or rendering, confirm the creative direction. Read the user's request first and skip any choice they already specified. For every missing choice, use ask_user and ask one question at a time, waiting for the answer before asking the next. The defaults below are recommendations, not consent: ask about a setting even if src/creative.js currently has its default.

Ask in this order:

  1. Campaign angle — “What should this cut lead with?”
    • All-in-one (Recommended) → all-in-one: core Tiny Clips capture toolkit.
    • New release / what's new → new-release: the newest shipped features.
    • Creator workflow → creator: capture, make, and share.
    • Developer workflow → developer: record, explain, and ship.
  2. Hype level — “How energetic should the overall spot feel?”
    • Upbeat (Recommended) → upbeat: balanced, close to the original.
    • Polished and restrained → polished: a calmer, more refined soundtrack.
    • Full-send / maximum excitement → full-send: bigger drums, fills, and musical lift.
  3. Motion intensity — “How bold should the movement and transitions be?”
    • Punchy (Recommended) → punchy: crisp, energetic movement.
    • Subtle → subtle: softer travel, smaller impacts, and gentler flashes.
    • High-impact → high-impact: faster-feeling movement, larger hits, and stronger flashes.
  4. Music style — “Which locally synthesized soundtrack direction should it use?”
    • Electronic (Recommended) → electronic: the original bright, beat-driven arrangement.
    • Cinematic → cinematic: sustained, orchestral-feeling pads and half-time drums.
    • Funk → funk: syncopated bass, clipped chords, and a looser groove.
    • Lo-fi → lofi: softened drums, warm keys, and subtle vinyl texture.
    • Silent → silent: no soundtrack.
  5. Visual theme — “Which color palette should lead the look?”
    • Neon (Recommended) → neon: the original blue-violet palette.
    • Sunset → sunset: warm orange, coral, and pink.
    • Ice → ice: cool cyan, blue, and violet.

After the brief is clear, update the matching values in marketing/hype-video/src/creative.js. Keep the existing 16:9, 1920×1080, 45-second format unless the user asks to change it.

2. Choose what to hype

Read the newest released sections of both changelogs:

  • CHANGELOG.md (macOS)
  • windows/CHANGELOG.md (Windows)

Pick 3 to 6 features. Six fills the grid best.

  • Take them from the Added and Changed sections. Bug fixes are not hype.
  • Prefer features that shipped on both platforms. When every tile is cross-platform, set platforms to macOS + Windows. If one platform only, say so in platforms, or name the platform in that tile's blurb.
  • Leave out anything under Unreleased unless the user asks to tease it.
  • Lead with the most visual feature; the first tile is on screen longest.

If the user named the features, use those and skip the selection. If it is unclear which platform or release they mean, ask.

3. Edit src/content.js

Replace the tiles. The file's header comment lists every field; the short version:

FieldRule
titleMust fit one line, about 22 characters. Name the feature the way the app does.
blurbOne sentence, two lines at most, about 44 characters. Say what the user gets.
accentblue, violet, pink, orange, green, cyan, or red. Vary them across tiles.
visualOne of the types below.
VisualUse it forExample
compareSomething got smaller, faster, or shorter{ type: 'compare', from: 'PNG', to: 'WebP', ratio: 0.42 }
toggleA new option or mode next to the old one{ type: 'toggle', from: 'H.264', to: 'H.265', caption: 'HEVC' }
emojiStickers, reactions, anything playful{ type: 'emoji', emoji: ['😎', '🎉', '👀'] }
sliderAn adjustable amount{ type: 'slider', from: 100, to: 50, unit: '%', size: [1920, 1080] }
keysA new keyboard shortcut (up to 5 keys){ type: 'keys', keys: ['⌃', '⌥', '⌘', '1'] }
statOne number or word that sells it{ type: 'stat', value: '60 fps', caption: 'GPU pipeline' }
listMenus, recents, history{ type: 'list' }
panelLibrary, inspector, details views{ type: 'panel', tags: ['demo', 'bug', 'ui'] }

Also update whatsNew.heading and whatsNew.pill if the video is for a named release (for example pill New in 1.9), and breakdown.title, the big line that introduces the section.

Copy rules:

  • Only claim what the changelog says. Use a number (ratio, a stat value, a percentage) only when the changelog or a measurement backs it; compare bars are read as a real size difference.
  • Shortcuts must match the current defaults in README.md and windows/README.md.
  • Plain words, no exclamation marks; the motion carries the energy.
Show full SKILL.md (500 more words)Show less
4. Check it
bash
cd marketing/hype-video
npm install        # first time only
npm run review

review writes contact sheets to out/review/sheet-*.png: one frame per scene and one as each tile lands. Open them and look at every tile. The command fails with a list of problems when a title wraps, a blurb runs past two lines, a visual is clipped by its tile, the heading collides with the platform label, or a visual type or accent is unknown. Fix content.js and run it again until it passes and the sheets look right.

npm run preview regenerates the selected soundtrack, then opens the composition in a browser with a scrubber for checking motion and timing. For silent, it removes any old WAV and previews without audio.

5. Render
bash
npm run render     # out/tiny-clips-hype.mp4, about three minutes

Confirm the result: 45.0 s, 1920×1080, 60 fps, H.264 video; expect AAC audio for music-enabled profiles and no audio stream for silent.

bash
ffprobe -v error -show_entries stream=codec_name,width,height,r_frame_rate:format=duration -of default=nw=1 out/tiny-clips-hype.mp4

Tell the user the full path of the MP4. out/ is not tracked by git, so the file stays local until they upload it.

6. Draft the post

Write the post in the reply; do not publish it anywhere.

  • At most 280 characters, counting a link as 23. Leave the video to attach itself.
  • First line says what Tiny Clips is or what just shipped. Then two to four of the hyped features, each a few words, in the same order as the video. End with tinyclips.app.
  • Mention that it runs on macOS and Windows, and that it is free and open source if there is room.
  • One or two emoji at most, and no more than two hashtags.
  • Offer one alternative with a different angle (for example, feature list versus one-line pitch).
7. Commit

Commit source changes only, normally marketing/hype-video/src/content.js. Include marketing/hype-video/src/creative.js only when the user asked to change the reusable defaults. Never commit marketing/hype-video/out/ or node_modules/; both are ignored. Do not push or open a pull request unless asked.

Changing more than the tiles

  • Core feature scenes, intro, outro: marketing/hype-video/src/index.html. Each scene is a <section class="scene" data-bar="…" data-bars="…"> on a 128 BPM grid (one bar is 1.875 s). Keep scene boundaries on bars so the cuts stay on the beat.
  • A new tile visual: add a builder to VISUALS in src/player.js, its styles next to the other .v-* rules in src/styles.css, and a line in the content.js header and in the table above.
  • App screenshots: the video reads docs/windows-art/editor.png, docs/windows-art/tray.png, docs/windows-art/video-editor.png, and docs/tinyclips.png. Replace those files to refresh them. Do not use screenshots that show personal data.
  • Music: scripts/audio.mjs; style and hype profiles are selected in src/creative.js. silent removes a stale generated WAV and the renderer will not mux one. If the tempo or length changes, change BPM and BARS in both audio.mjs and player.js.
  • Other cuts: npm run draft for a fast 30 fps pass, node scripts/render.mjs --no-audio for picture only, --from and --to (seconds) for a section.

marketing/hype-video/README.md has the storyboard and the full command list.

Requirements

Node 20 or later, ffmpeg on the PATH, and Microsoft Edge or Google Chrome. Set BROWSER_PATH to use a different Chromium-based browser.

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

Files

Just SKILL.md in .github/skills/hype-video of jamesmontemagno/tiny-clips.

Open the folder on GitHubat commit 2001cf8

Compare with similar skills

Hype Video 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.

Hype Video compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Hype Video this skilljamesmontemagno/tiny-clips121—~2.5kAutomated safety check: PassMIT
Translation Source SyncDevolutions/UniGetUI26k—~1.2kAutomated safety check: PassMIT
Code Snippet Imagesfreekmurze/dotfiles1k—~1.1kAutomated safety check: NotesNone
Redlamp Blogpdcgomes/redlamp231—~2.1kAutomated safety check: PassMPL-2.0
Socialcoreyhaines31/marketingskills54k4 repos~4.5kAutomated safety check: PassMIT
Social Contentfreekmurze/dotfiles1k23 repos~2.1kAutomated safety check: PassNone

Similar skills

  • Translation Source Sync

    Devolutions/UniGetUI

    Synchronizes the UniGetUI English language file with source-code usage, identifies missing translation keys, removes unused entries, reports localization drift, and can reorder locale files to match…

    26k GitHub stars~1.2k tokensUpdated yesterday
    Writing & ContentAuto-check passed

  • Code Snippet Images

    freekmurze/dotfiles

    Generate beautiful code snippet images (PNG) for social media, tweets, LinkedIn, and documentation.

    1k GitHub stars~1.1k tokensUpdated 3 days ago
    Writing & ContentAuto-check: notes

  • Redlamp Blog

    pdcgomes/redlamp

    The blog room, where every redlamp.app blog post is tracked from idea to announcement in a canvas the owner marks as they post.

    231 GitHub stars~2.1k tokensUpdated today
    Writing & ContentAuto-check passed

  • Social

    coreyhaines31/marketingskills

    When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, or Facebook, or wants to do social listening and engagement triage.

    54k GitHub starsUsed in 4 repos~4.5k tokens
    Writing & ContentAuto-check passed

  • Social Content

    freekmurze/dotfiles

    When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms.

    1k GitHub starsUsed in 23 repos~2.1k tokens
    Writing & ContentAuto-check passed

  • Translation Diff Export

    Devolutions/UniGetUI

    Compares UniGetUI JSON locale files against English, identifies untranslated or source-changed keys, and generates patch, reference, and handoff files for a target language.

    26k GitHub stars~1.1k tokensUpdated yesterday
    Writing & ContentAuto-check passed

More from jamesmontemagno/tiny-clips

  • Bump Swift Version

    jamesmontemagno/tiny-clips

    Bump the version for the TinyClips Swift app across Info.plist, Info-MAS.plist, and project.pbxproj.

    121 GitHub stars~695 tokensUpdated today
    Auto-check passed

  • Tag New Release

    jamesmontemagno/tiny-clips

    Create a new annotated git tag with release notes extracted from changelog files.

    121 GitHub stars~920 tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Hype Video

What does Hype Video do?

Produce the Tiny Clips hype video for a new release — ask about the campaign angle, energy, motion, music, and visual theme, then update the "What's new" tiles, render the 45-second 1080p MP4, and…. Hype Video is an agent skill from jamesmontemagno/tiny-clips. Produce the Tiny Clips hype video for a new release — ask about the campaign angle, energy, motion, music, and visual theme, then update the "What's new" tiles, render the 45-second 1080p MP4, and draft a social post.

When should I use Hype Video?

Hype Video fits situations like: tweet about new Tiny Clips features; tasks that involve Social media posts.

How do I install Hype Video in Claude Code?

Run `npx skills add jamesmontemagno/tiny-clips --skill hype-video -a claude-code`. Or copy the skill folder (.github/skills/hype-video in jamesmontemagno/tiny-clips) into .claude/skills/hype-video in your project. Claude Code loads it when a task matches its description.

How do I install Hype Video in Codex?

Run `npx skills add jamesmontemagno/tiny-clips --skill hype-video -a codex`. Or copy the skill folder (.github/skills/hype-video in jamesmontemagno/tiny-clips) into .agents/skills/hype-video in your project. Codex loads it when a task matches its description.

Can I use Hype Video 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 jamesmontemagno/tiny-clips --skill hype-video -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/hype-video, .gemini/skills/hype-video, .github/skills/hype-video and .opencode/skills/hype-video in your project.

What does Hype Video need to run?

Going by SKILL.md and its folder, Hype Video needs the command-line tools its instructions call (npm, ffprobe and node). Our summary lists: Node.js.

Does Hype Video access the network?

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

Is Hype Video 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. Review the folder before installing.

What licence does Hype Video use?

Hype Video 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 Hype Video use?

About 2.5k tokens (SKILL.md is roughly 9.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Hype Video?

Skills that share tags, products or a category with Hype Video: Translation Source Sync (Devolutions/UniGetUI, 26k stars), Code Snippet Images (freekmurze/dotfiles, 1k stars), Redlamp Blog (pdcgomes/redlamp, 231 stars) and Social (coreyhaines31/marketingskills, 54k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Hype Video?

jamesmontemagno (a GitHub user) maintains it in jamesmontemagno/tiny-clips, which has 121 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on October 10, 2026.

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