Individual skill
frame-creative-voltage
Electric split with hand-drawn script — offset panels slide in, display title rises with an outlined word, script strokes itself in.
templates/frame-creative-voltage/SKILL.md
Source commit c414ecc07f795add03807d5d9ce4baefd807cea2
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- Yes
- Observed behavior
- Local scripts
- Last checked
- Nov 9, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 4,828
- Repository last updated
- Jun 21, 2026
- License
- Apache-2.0
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- ai-agent Repository topic
- apache-2 Repository topic
- coding-agent Repository topic
- css Repository topic
- ffmpeg Repository topic
- html Repository topic
- mp4 Repository topic
- open-design Repository topic
- open-source Repository topic
- video Repository topic
- split-panel Declared skill tag
- electric Declared skill tag
- script Declared skill tag
- retro-modern Declared skill tag
- voltage Declared skill tag
- frame Declared skill tag
- engineering Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 3,575 bytesexample.mddoc · 276 bytespackage.jsonruns · 378 bytespreview.pngasset · 176,311 bytessource/index.htmlasset · 4,706 bytestemplate.html-video.yamlasset · 3,434 bytes
Read excerpt
【模板: 创意电压分屏帧 (Creative Voltage)】
【意图】能量感品牌/活动标题 / 带手写人味的创意揭示 / 复古现代 hero。视觉提炼自 frontend-slides 的 Creative Voltage 预设 (MIT, © Zara Zhang)。
【画布】1920×1080, 左电光蓝屏 (`#2f4bff`, 47%) + 右暗屏 (`#0d0d14`, 53%), 错位分割。
【字体】display `Syne` 800; mono `Space Mono`; 手写 `Caveat`。
【主结构 (时间轴, 默认 4s)】
- **0.1s** 左蓝屏从 translateX(-100%) 滑入; **0.25s** 右暗屏从 translateX(100%) 滑入 (错峰, expo-out)。
- **0.9s** 蓝屏左上电光高光 wash 淡入。
- **1.0s** 蓝屏左上 mono meta 行 (`// CREATIVE_MODE · ON`) 淡入。
- **1.0s 起** 右屏 display 标题逐行升起 (每行 .ln, 错峰 180ms); 一行用 `.volt` 描边电光词 (`-webkit-text-stroke` + 蓝色填充)。font-size 132px, 右对齐。
- **1.4s** 蓝屏手写 script (`Caveat`, rotate -7°) 弹入。
- **1.9s** script 下方手绘 underline (SVG path, stroke-dashoffset 描出)。