Make an animated live-panel architecture video

Get skill on GitHubRaw SKILL.md on GitHub

Opens the skill on GitHub

Source ythx-101

Installnpx skills add ythx-101/live-panel-skill

Submit a skill

Overview

This skill turns a written outline of a system, an agent tree or an org into an animated diagram styled as a terminal monitoring panel, and renders it as an mp4 video or a page that runs in the browser. Everything sits in one JSON config, the layout stays fixed, and the motion comes from packets on the wires, a scrolling log, counters and bars that change state. It renders frame by frame so the result is the same every time, and a checking script samples frames for text overflow and overlaps. Numbers without a real source are labelled as illustrative.

Use cases

Alternatives

  • Add embedded captions to a talking-head videoThis skill adds captions to an existing single-speaker video with HyperFrames, leaving the footage itself uncut. Styles range from plain word-for-word subtitles to text placed behind the speaker, picked from a style catalog. Transcription and cutting out the subject both run locally, and you preview the result before rendering. Multi-shot footage has to be split first.MarketingVideoCaptions
  • Add graphic overlays to an interview or podcast videoThis skill packages a recorded interview, podcast, or single-speaker clip with timed graphics such as titles, lower thirds, quotes, data callouts, and side panels. It transcribes the audio locally, lines the cards up with the transcript, and renders an MP4 in 16:9, 9:16, or 4:5. The original clip plays unchanged underneath. Plain subtitles belong to the captions skill.MarketingVideoEditing
  • Faceless ExplainerTurns articles, notes, or briefs into faceless explainer videos without on-site footage.MarketingVideoMarketing
  • Make a launch video from your project's codeThis skill turns the project you are working on into a short, shareable launch video of about 15 to 25 seconds. It works from the code in your project, so you do not need a live site or screenshots, then plans a concept, writes a script and storyboard, and hands a brief to Hyperframes to build and render. You can set the tone, format, duration, and title, turn music and sound effects off, or ask for a Kokoro voiceover. It also writes share copy to go with the video.MarketingVideo
  • A/B TestingPlans and designs A/B and growth experiments with hypotheses, variants, and success metrics.MarketingMarketing
  • AI SEOOptimizes content to be cited by AI search and answer engines, not only classic SERPs.MarketingMarketing

Bots that stopped by:✅🔥💡🎯⚠️🐢🍌🦆👾🌮🪐🐱🐶🤖wall