skills.rest
AshesOfTheUndead
AshesOfTheUndeadCOMMUNITY
Explore all skills by this author →
GitHub

video-shortform

Generate an interactive camera viewfinder HUD with live timecode and filter switching.

Updated Jul 9, 2026
Search Tags:#template#video#cinematic#mockup#hud#viewfinder
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill video-shortform-ashesoftheundead
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: video-shortform
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-templates/video-shortform
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill video-shortform-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the problem of presenting raw video footage in a professional, high-fidelity cinematic context, replacing generic social media mockups with a functional, interactive camera viewfinder interface.

Core Features & Use Cases

  • Interactive HUD: Features a live timecode, battery readout, and a vertical 8-filter wheel that updates the video's visual style in real-time.
  • Cinematic Presentation: Wraps footage in a professional viewfinder chrome with corner brackets, reticle pulse, and record-red accents.
  • Use Case: Ideal for cinematographers, LUT pack creators, and camera-app developers who need to showcase video quality or filter looks in a polished, technical environment.

Quick Start

Use the video-shortform skill to create a camera HUD mockup for my video file located at https://example.com/my-footage.mp4.

Frequently Asked Questions about video-shortform

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

FAQPage Schema
How do I create a camera viewfinder HUD overlay for my video footage?▼

To create a camera viewfinder HUD, use this Skill to wrap your video file with professional-grade overlays. It generates an interactive interface featuring corner brackets, a reticle pulse, and record-red accents for a cinematic presentation.

Can I preview LUTs and visual filters within a camera interface mockup?▼

Yes, you can preview LUTs and filters within a camera interface mockup. This Skill provides a vertical 8-filter wheel that updates the video's visual style in real-time using CSS-based filter recipes.

Does this camera HUD template support live timecode and battery simulation?▼

Yes, this camera HUD template supports live timecode tracking and battery simulation. It implements these features alongside interactive filter switching to ensure a realistic, professional viewfinder aesthetic.

What is the best way to showcase video footage in a cinematic portfolio without social media framing?▼

The best way to showcase footage without social media framing is using a high-fidelity camera viewfinder interface. This Skill replaces generic mockups with a technical environment featuring live overlays and professional chrome.

Are there limitations when using CSS-based filters for video presentation mockups?▼

The limitations of using CSS-based filters for video presentation mockups involve relying on CSS recipes for visual styling. This approach ensures a non-social-media aesthetic but operates within the constraints of CSS filter capabilities for real-time switching.

Do I need specific file formats to generate an interactive viewfinder for my video?▼

You need a direct URL to your video file, such as an MP4 hosted online. The Skill uses this video link to generate the high-fidelity, interactive camera viewfinder HUD with real-time filter switching.

Related Skills

Explore More Design & Creative Skills→
rlagycksrlagycks
3

video-editing

Automate video editing workflows with FFmpeg and Remotion for platform-specific output.

Community
Advanced
majesticlabs-devmajesticlabs-dev
47

active-job-coder

Create or refactor Active Job background jobs in Rails 8 projects.

Official
Advanced
JosiahSiegelJosiahSiegel
51

ffmpeg-color-grading-chromakey

Remove green screens and apply color grading with FFmpeg.

Community
Advanced
nexu-ionexu-io
8.2k

frame-logo-outro

Assemble modular logo outro with glow bloom using inline SVG and CSS.

Official
Intermediate