Use this plugin when the user wants a "Electric Studio Frame" HyperFrames motion video — Two-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line by line.
9881cffTwo-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line by line.
A HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under source/. It renders deterministically to MP4 / WEBM at 16:9, 1:1, default 15s, 60fps.
Best for: Pull-quote / testimonial reveal · Mission statement card · Clean high-contrast title
source/index.html to understand the named layers and the animation timeline.source/; do not introduce external network assets that would break a headless render.Source: html-video templates/frame-electric-studio (license Apache-2.0). Derived from frontend-slides (Zara Zhang, MIT) — https://github.com/zarazhangrui/frontend-slides.
Copy a source-pinned command for your client. You run it yourself.
Destination: .claude/skills/frame-electric-studio · pinned to the source commit
# Run from your project root
git clone https://github.com/nexu-io/open-design.git .skillboard-tmp
git -C .skillboard-tmp checkout 9881cff70e02be86c2a58130af512011ba23d4af
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/plugins/_official/video-templates/frame-electric-studio" ".claude/skills/"
rm -rf .skillboard-tmpReview the source before running. This copies files into your project; it is not a one-click install and does not verify runtime safety.
sudo apt update && sudo apt install -y gitnpm install -g @anthropic-ai/claude-code# Run from your project root
git clone https://github.com/nexu-io/open-design.git .skillboard-tmp
git -C .skillboard-tmp checkout 9881cff70e02be86c2a58130af512011ba23d4af
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/plugins/_official/video-templates/frame-electric-studio" ".claude/skills/"
rm -rf .skillboard-tmpDestination: .claude/skills/frame-electric-studio
Scanner static-checks@0.1.0 · commit 9881cff70e02. Static checks cannot prove runtime safety – review the source and the exact diff before installing. How checks work.
No static rules matched. This is not a safety guarantee.