[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"tb-a-2077715115053940736-2077716909851148288":3},{"detail":4,"html":18,"toc":19,"catalog":35,"tool":39},{"id":5,"title":6,"coverUrl":7,"url":8,"level":8,"description":9,"publishDate":10,"views":11,"isCollect":12,"isLike":12,"vipRequired":13,"vipFlag":14,"price":8,"contentType":15,"station":8,"seq":15,"readMinutes":16,"toolIds":17,"relatedVideo":8},"2077716909851148288","Remotion 字幕动效：用 React 精确给视频加字幕做动效","",null,"Remotion 官方出品（用 React 写视频的知名框架，仓 4k 星）。让 AI 用 Remotion 给视频加字幕、做动效，代码化控制、精确到帧，适合要可复用模板、程序化批量出片的人。本地渲染。偏开发向。","2026-07-16",0,"0",false,"1",1,2,[],"\u003Cdiv style=\"padding:0 4px 24px;font-size:14px;color:#333;line-height:1.85;word-break:break-word\">\n\n\u003Cdiv style=\"background:#FFF7ED;border:1px solid #FFEDD5;border-radius:12px;padding:12px 14px;margin:0 0 18px;font-size:13px;line-height:1.7;color:#9A3412\">🏛️ \u003Cstrong style=\"font-weight:700;color:#1a1a1a\">Remotion 官方出品\u003C\u002Fstrong>——用 React 写视频的知名框架，仓 4k 星。\u003C\u002Fdiv>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s1\" data-toc>一、这是什么\u003C\u002Fh1>\n\u003Cp style=\"margin:0 0 14px\">Remotion 是「\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">用 React 代码写视频\u003C\u002Fstrong>」的框架，在开发者里很火。这套官方 skill 让 AI 帮你用 Remotion 给视频\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">加字幕、做动效\u003C\u002Fstrong>。\u003C\u002Fp>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s2\" data-toc>二、有什么不一样\u003C\u002Fh1>\n\u003Cdiv style=\"background:#fff;border:1px solid #F1F5F9;border-radius:14px;padding:14px;margin:0 0 10px;box-shadow:0 2px 10px rgba(0,0,0,0.03)\">\u003Ch2 style=\"font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 6px\" id=\"s3\" data-toc>🎯 精确到帧\u003C\u002Fh2>\u003Cp style=\"margin:0\">代码化控制每一帧，字幕、动效位置分毫不差，不像手动剪辑那样凭手感。\u003C\u002Fp>\u003C\u002Fdiv>\n\u003Cdiv style=\"background:#fff;border:1px solid #F1F5F9;border-radius:14px;padding:14px;margin:0 0 10px;box-shadow:0 2px 10px rgba(0,0,0,0.03)\">\u003Ch2 style=\"font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 6px\" id=\"s4\" data-toc>♻️ 可复用模板 + 批量\u003C\u002Fh2>\u003Cp style=\"margin:0\">做成模板后换数据就能批量出片，适合系列化、程序化视频。本地渲染。\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s5\" data-toc>三、适合谁\u003C\u002Fh1>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">要给视频精确加字幕\u002F动效、追求一致性的开发者、团队\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">要做可复用视频模板、批量出片的人\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n\u003Cdiv style=\"background:#FFF7ED;border:1px solid #FFEDD5;border-radius:12px;padding:12px 14px;margin:18px 0 0;font-size:13px;line-height:1.7;color:#9A3412\">⚠️ \u003Cstrong style=\"font-weight:700;color:#1a1a1a\">一句实话\u003C\u002Fstrong>：它偏开发向（要会一点 React），门槛比 hyperframes 高；只想简单加字幕的话，hyperframes 的 embedded-captions 更省事。在 Claude Code 等 AI 助手里使用。\u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n",[20,23,26,29,32],{"id":21,"text":22,"level":15},"s1","一、这是什么",{"id":24,"text":25,"level":15},"s2","二、有什么不一样",{"id":27,"text":28,"level":16},"s3","🎯 精确到帧",{"id":30,"text":31,"level":16},"s4","♻️ 可复用模板 + 批量",{"id":33,"text":34,"level":15},"s5","三、适合谁",[36],{"id":5,"title":6,"coverUrl":7,"duration":8,"level":8,"publishDate":10,"views":11,"aiSoftapp":8,"tags":37,"contentType":15,"station":8,"seq":15,"relateId":8,"toolId":38,"readMinutes":16},[],"2077715115053940736",{"id":38,"createTime":40,"createdBy":41,"updateTime":40,"updatedBy":41,"echoMap":42,"slug":43,"name":44,"categorySlug":45,"subCategory":46,"region":8,"website":47,"appName":7,"description":48,"tags":49,"sortOrder":11,"state":15,"tenantCode":55,"tutorialContent":8,"resourceType":56,"accessTypes":7,"installCmd":57,"logo":58,"hotScore":59,"githubStars":60,"category":45},"2026-07-16 19:21:00","1744248479271616512",{},"remotion","Remotion 字幕动效","video","动效与字幕","https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fskills","Remotion 官方出品（GitHub 上很火的用 React 写视频的框架，仓 4k 星）。这套 skill 让 AI 用 Remotion 给视频加字幕、做动效——代码化控制、精确到帧，适合要可复用模板、程序化批量出视频的人。本地渲染。",[50,51,52,53,54],"官方","Remotion出品","React写视频","字幕\u002F动效","代码化精确到帧","0000","skill","npx skills add remotion-dev\u002Fskills@remotion-captions","https:\u002F\u002Fgithub.com\u002Fremotion-dev.png",74,4000]