跳到正文
cccskills
免费在 GitHub 公开

reel-export

Turn any horizontal or square motion video into a 1080 x 1920 Instagram Reel or TikTok that uploads cleanly. Headline and logos inside the safe zone, H.264, yuv420p, limited colour range, bt709, a silent audio track when there is no sound, and an ffprobe check before upload. Use when someone says "make this a reel", "vertical version", "export for Instagram", "TikTok version", "9:16 cut", "reel export" or has a 16:9 or 4:5 video that needs to go on a vertical feed.

中文简介正在准备中。当前显示原文说明。

charlie947/motion-graphics-skills星标 428(GitHub 428 + cccskills 0)
集成工具InstagramTikTok

实测评分 未实测

查看安装方法

包含的文件(1)

  • SKILL.md3.2 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Reel export

Most motion is built wide. This turns it into a vertical file with a hook on top that the apps accept without washing out the colours.

Before you start: read brand.md and MOTION.md if they exist. If not, run brand-intake first, or ask for hex codes, a font and a logo file. Never call a result on-brand without them.

Step 1: Ask for four things, then wait

  1. The video. Any MP4, any size.
  2. The headline, two short lines, word for word. It is the hook people read with the sound off.
  3. Logos, as attached files, if the video names a product or company.
  4. The background colour around the video. Default: near-black #0B0B0F.

Step 2: The safe zone

The app draws its own buttons, caption and profile over the edges of a Reel. Keep every word and logo:

  • between y 360 and y 1420 (nothing in the bottom 500px)
  • out of the right 120px

Put the headline at the top of that zone, then the video under it. A 16:9 video scaled to 1080 wide is 608 tall, so it sits well at y 660.

Step 3: Build the overlay, then encode

Build a transparent 1080 x 1920 overlay.png in HTML with the headline and any logos, and screenshot it. Text you can style beats text burned in by ffmpeg. Then:

ffmpeg -y -i in.mp4 -loop 1 -i overlay.png -f lavfi -i anullsrc=r=48000:cl=stereo -filter_complex "color=c=0x0B0B0F:s=1080x1920:r=30[bg];[0:v]fps=30,scale=1080:-2,setsar=1[v];[bg][v]overlay=0:660:shortest=1[o];[o][1:v]overlay=0:0:shortest=1,scale=out_color_matrix=bt709:out_range=tv,format=yuv420p[out]" -map "[out]" -map 2:a -shortest -c:v libx264 -profile:v high -crf 18 -pix_fmt yuv420p -color_range tv -colorspace bt709 -color_primaries bt709 -color_trc bt709 -c:a aac -b:a 128k -movflags +faststart reel.mp4

This adds a silent AAC track. If the video has its own sound, swap -map 2:a for -map 0:a.

Step 4: Check before upload

ffprobe -v error -show_entries stream=codec_type,codec_name,width,height,pix_fmt,color_range,color_space -of compact reel.mp4

Pass means: video h264, 1080 x 1920, yuv420p, color_range=tv, bt709, plus one aac audio stream. If you see hevc or color_range=pc, encode again. Then pull one frame from the middle and look at it at phone size.

What I learned the hard way

  • A phone recording is often HEVC and full range. Uploaded as is, it can come out washed out or re-encoded badly. Always export a fresh H.264, limited-range file, including after any edit.
  • A logo over footage vanishes on light frames. Put each logo (and its label) on its own dark rounded tile.
  • faststart matters. Without -movflags +faststart the file cannot start playing until it has fully loaded.
  • Keep the hook to two lines. Mine were short enough to read in a second: "This Mac launch" / "is 100% code".

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Make a looping animated chart for LinkedIn or a newsletter in code with Claude Code. Bars that become a line, a number that counts up, a before and after. Every value stays exactly as given. Use when someone says "animate my chart", "animated graph", "make my results move", "stat animation" or wants a data graphic that loops.

中文简介正在准备中。当前显示原文说明。

charlie947/motion-graphics-skills4282026年10月11日 更新

Rebuild an Apple-style Mac launch film entirely in code with Claude Code. A thin menu bar, the black notch growing into widgets one scene at a time, full-screen gradient wallpapers and one short caption per scene. No screen recording, no After Effects. Use when someone says "Apple-style launch", "Mac launch video", "notch animation", "make it look like an Apple keynote", "macOS UI launch film" or wants a product launch that looks like native Mac interface.

中文简介正在准备中。当前显示原文说明。

charlie947/motion-graphics-skills4282026年10月11日 更新

The setup step every other skill in this pack reads. A short interview plus 3 to 5 reference frames becomes two files in your project, brand.md (who you are, what you sell, your assets) and MOTION.md (your colours, type, timing and motion rules), plus a rule in CLAUDE.md so Claude reads them before it animates anything. Use at the start of any motion project, or when someone says "set up my brand", "brand intake", "build my motion design system", "make it look like my brand", "onboard me", "write my MOTION.md" or drops a batch of brand frames into chat.

中文简介正在准备中。当前显示原文说明。

charlie947/motion-graphics-skills4282026年10月11日 更新

Make a 30-45 second product launch video in code with Claude Code, the kind SaaS companies post on launch day. One sentence split across scenes, real product screens with slow camera moves, a typed prompt, a proof beat and a clear call to action. Use when someone says "launch video", "promo video for my product", "announce my course/cohort/offer", "make a launch reel" or "trailer for my product".

中文简介正在准备中。当前显示原文说明。

charlie947/motion-graphics-skills4282026年10月11日 更新

Turn a newsletter or blog cover into a seamless looping GIF at 896 x 640, 180 frames at 20fps. Only the one element you name moves, the loop is rotated so frame 1 shows the finished picture, and the seam is measured, not eyeballed. Use when someone says "animated cover", "make my cover move", "looping GIF cover", "newsletter cover GIF", "animate my thumbnail" or wants a cover that moves in the inbox without looking busy.

中文简介正在准备中。当前显示原文说明。

charlie947/motion-graphics-skills4282026年10月11日 更新

Make a 12-second looping milestone clip in code with Claude Code. Thousands of tiny points drift like a night sky, pull together into your real number (followers, subscribers, revenue, customers), a line draws underneath and the label settles in. Premium, not a party. Use when someone says "milestone video", "celebrate 10k followers", "animate my subscriber count", "number reveal", "particle number animation" or wants to mark a result on LinkedIn or Instagram.

中文简介正在准备中。当前显示原文说明。

charlie947/motion-graphics-skills4282026年10月11日 更新

查看 charlie947 的全部技能

报告此技能的问题