Communitygithub.com

Kadr 竖屏花字

为竖屏邀请短片设计屏上图形:片头钩子、字幕、下三分、标注、贴纸、数据和结尾卡,共用一套字体和颜色。

Kadr 竖屏花字 是什么?

Kadr 风格的竖屏短视频屏上图形系统。覆盖片头钩子、字幕、下三分、标注、贴纸、数据、列表、引语、转场和结尾卡,并带颜色、字体、素材和按时间轴驱动的 React 组件。先把邀请片的花字定下来,再渲任何一帧。

兼容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/yehdan8-debug/kadr-design/tree/main

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

请阅读此技能中的 readme.md 文件,并探索其他可用文件。 如果要创建视觉产物(Reels、图形叠加、动态片段、模拟稿),请将资产复制出来,并创建静态 HTML 文件供用户查看。如果处理生产代码,请复制资产并遵循此处的规则。 如果用户调用此技能时没有提供其他指导,请询问他们正在制作什么视频(主题、时长、平台、已有素材),然后为其设计图形。

创作者:Emkarok (@emkarok) — Instagram Reels、TikTok、YouTube Shorts。安全区域默认 platform="all"。 输出:A = 完整 Reel MP4(素材在此合成);B = 仅图形,置于洋红色 #FF00FF 键控背景上,用于 CapCut/Premiere/Final Cut(在时间线页面上调整导出设置)。

快速规则:

  • 画布 1080 × 1920。以画布像素定位图形;保持文本远离安全区域(顶部 160、底部 440、右侧 160)。
  • 每个图形接受 progress(0–1 进入)和 exit(0–1)。通过一个时间线时钟驱动它们(参见 ui_kits/reel/)。
  • 品牌色 = 天空渐变 --accent-gradient(#61D4FE → #FFFFFF),搭配深色墨水文本;白色文字使用 --shadow-text-footage 叠加在素材上;在繁忙的画面中使用墨水底色。
  • 引导句/字幕使用 Plus Jakarta Sans 800;提示/用户名使用 Martian Mono。
  • 文本通过 ASCII 解码进入(AsciiText progress);唯一的转场是 GlyphTransition。
  • 每次屏幕只显示一个图形创意。图形中不使用 emoji。
  • 讲解员布局:在浅色工作室网格上使用 SplitPresenter(顶部 + CardWall);头部弹出需要去掉背景的素材剪辑副本。
  • 科技感外观:ScanSweep → TrackBox(人脸/物体)+ HudReadout 角落数据;将追踪器放置在素材的变换图层内。
  • 视觉 HUD:DepthScan、ObjectTags、Viewfinder、ContourMap(+ CompassStrip)、TerminalLog、ThermalView。画布上的元素需要同源静止帧(src + fit);传递 zoom 以跟随推近效果。框/标签坐标按每帧测量——对于新素材需重新测量。
  • 讲解员:FileDrop(光标将剪辑拖入文件夹)——每个文件约 1.5 秒。
  • 素材必须为图形留出空间:参见 readme.md 中的 FOOTAGE 和 ShotGuide 预设(说话头、广角、产品、B-roll、尾卡)。文字下方的素材应为中暗调、SDR、锁定曝光,避免天蓝或白色背景。

相关技能