remotion-best-practices
Remotion 最佳实践技能,用于在 React 中进行视频创作。当处理 Remotion 代码时加载该技能以获取领域知识,内容以 rules 目录下的多个规则文件组织,覆盖动画、音频、字幕、转场等主题。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-26 00:15
20,840 个结果
Remotion 最佳实践技能,用于在 React 中进行视频创作。当处理 Remotion 代码时加载该技能以获取领域知识,内容以 rules 目录下的多个规则文件组织,覆盖动画、音频、字幕、转场等主题。
Remotion Core 是 Remotion 的合成契约技能,用于指导如何用 React 构建单个 Remotion 视频项目,涵盖合成结构、帧驱动渲染、时间 API、序列与媒体元素等核心规则。
Remotion Explainer 是一套用于制作解说视频的工作流,可围绕主题、文章、博客、机制或概念生成带旁白的 Remotion 合成视频,由智能体自行设计视觉画面,无需现成素材。
一个用于从仓库证据、可量化需求、容量计算、受保护不变量与显式权衡出发,设计或演进生产系统的技能。它先绘制最简单的可生产方案,仅在证据支持时加入在不同承重维度上有差异的备选方案,并留下可供其他编码智能体会话继续的设计产物。
gbro-cover-design 是一个公众号/小红书封面设计技能,固定 3:4 竖版构图,提供 10 种构图风格可选,以真人出镜为主,输出可直接用于图片生成模型的中文提示词。支持多参考图:图1固定为人脸参考,图2起可作为UI截图、产品图等素材。
open-press 文档的图示绘制技能,只负责图表语义而非视觉外观,决定图中应展示什么及哪些文字应放进图中。适用于概念图、对比图、流程状态、数据结构节点、指针等。
AiPixelPerfect Design Generator 是一个基于提示词驱动的 AI 设计合成工具,用于生成专业设计图像。它提供响应式网页界面、多语言支持、实时协作功能,并可与 Figma、Adobe Creative Cloud、Canva 等设计平台进行导出集成。核心工作流程为:输入提示词 → 神经引擎生成多张变体 → 选择最匹配的变体 → 通过滑块调整参数进行精修 → 下载或推送至设计工具。支持输出 PNG、JPEG、WebP 等光栅格式,分辨率从 512px 到 8K(8192px),色彩空间支持 sRGB 与 Display P3,并支持 Alpha 透明度通道。该工具以 Next.js 为基础,可通过托管网页平台直接访问,也可进行本地开发部署,并提供 RESTful API 客户端用于编程调用。
Talking Head 是一个用于规划口播类与 UGC 风格视频的技能:选择出镜人物原型,定义造型、场景、灯光与取景,编写 hook/body/CTA 脚本骨架,并生成可直接用于 fal-ai/nano-banana-pro 的关键帧提示词。其核心原则是「可信度靠选角,而非脚本」——出镜者的外形、场景与语域必须匹配受众对这类信息本就信任的样子。该技能产出方案与静帧关键帧,语音、动作与剪辑在下游完成。
这是「AI 原生产品设计师」角色技能,用于定义、评估与培养 AI 优先的产品设计师工作方式。技能核心是一个三层工作栈:第一层用 LLM 澄清意图、撰写 PRD 草稿、梳理风险与对齐团队;第二层用 AI 代码工具(如 Cursor、Claude Code、v0)搭建可交互原型、生成 UI 流程并快速迭代;第三层才进入 Figma,用于完整状态覆盖、设计系统对齐与可交付的生产级产出,核心理念是「Figma 是设计完成的地方,而不是起点」。技能适用于:定义或分级 AI 原生设计岗位与团队期望、招聘标准;审计团队或设计师是否真正 LLM 优先、是否用 AI 代码工具做验证、是否把 Figma 当作收尾打磨;设计评审仪式(AI 辅助的 PRD 草稿、边界情况挖掘、原型保真度、交付质量);准备面试评分表、绩效标准或自我评估。回答建议以结果为导向,默认输出包含摘要、差距清单、优先级行动项,并可选配示例提示词或仪式;信息不足时先提出一个澄清问题(如团队规模、B2B 或 C 端、是否受监管)。技能还包含完整能力评分表,涵盖 AI 优先设计工作流、AI 辅助原型与构建、产品思维与问题定义、自助式用户研究、交互设计与工艺五大能力簇,每项分 Developing、Fluent、Native 三级。文档明确说明不构成法律或 HR 建议,需按组织情况调整措辞。
picture 是一个图像生成技能,通过 Gemini API 调用 Google Imagen 生成 AI 图像,适用于制作演示文稿视觉图(主视觉、章节分隔图)、概念插画(视觉隐喻、抽象概念)、照片级写实图像(产品样机、场景)等需要 AI 生成的视觉内容。使用时先与用户确认用途、风格与是否需品牌约束,再用快速模型 gemini-2.5-flash-image 迭代草稿,用 gemini-3-pro-image-preview 等模型做最终渲染。它提供 imagen.sh 命令行脚本支持生成与基于已有图像的精修(--input),并给出结构化提示词框架。不适合需要精确数据的图表、截图和简单图标,输出默认保存到项目 ./images/ 目录。
Syncfusion JavaScript Image Editor 是用于在 TypeScript / JavaScript Web 应用中集成图像编辑功能的组件技能,基于 @syncfusion/ej2-image-editor 包实现。它提供图像打开与导出(JPEG、PNG、SVG、WebP、BMP)、缩放与平移、裁剪、旋转、翻转、矫直与缩放等变换操作,并支持文字、自由绘制、矩形、椭圆、箭头、直线、路径等标注工具,以及遮挡(红action)和装饰边框。此外还包括 20 多种滤镜与亮度、对比度、饱和度等精调选项,图层前后叠放管理,完整的撤销/重做历史,以及 WCAG 2.2 无障碍支持、键盘导航和 RTL。主要使用方式为通过 NPM 安装后实例化 ImageEditor,配置工具栏与事件,并 appendTo 到页面容器;组件支持主题定制、本地化、对话框集成和 TypeScript 类型定义。
Remotion Code Motion Explainer 是一个用于制作代码驱动动态解说视频的技能,由 Bingo(@DWCD-Bingo)创建、Vibe Motion 组织维护。它把脚本、旁白、字幕、产品规格、参考视频、UI 录屏、图表等素材,转化为连贯、可编辑的 Remotion 视觉系统,强调用画面展示概念如何变化,而不是用无关动效装饰旁白。技能提供设计、动效制作、生产与质检等参考文档,并附带可编辑的镜头库与示例视频。
Visual IP Illustrations 是生成 16:9 横向文章配图的技能,把文章中的关键判断、流程、结构、状态或隐喻转成干净、奇特、可读的手绘解释图。调用方式为 $visual-ip-illustrations。
该技能是仓库本地的 DESIGN.md 工作流,用于为产品、UI/UX 与前端决策建立并维护唯一可信来源。它通过发现仓库内已有的设计证据、仅针对设计关键缺口进行提问,创建或刷新根目录 DESIGN.md 契约,涵盖品牌、产品目标、用户画像、信息架构、设计原则、视觉语言、组件、无障碍、响应式、交互状态、内容语气、实现约束与待解决问题等章节。它强调引用证据、区分观察与推断、保留有用内容并标记未知项,不用于像素级视觉比对或纯截图对比,也不适用于无用户界面影响的后端与基础设施工作。
claude-video 是面向 Claude Code 的 CLI 原生视频制作套件,通过 /video 系列命令完成剪辑、转码、字幕、分析、导出、下载、AI 图像与视频生成、网页截图、音频与画质增强及长视频转短视频等任务。
Open Design Game UI Takeover 是一个用于把已批准的 Open Design 产物(游戏 UI、VFX、技能、RIG、敌人/Boss)接管进 Darkbone Archer 运行时的技能,强调只移植获批内容、不降低运行时质量,并通过哈希绑定、证据矩阵与校验脚本保证保真度。
用于 Three.js 动画实现与调试的技能,涵盖 AnimationMixer、AnimationClip 与 action、GLTF 动画播放、骨骼绑定、morph target、交叉淡入淡出及时间步长正确性。
Narova 是一个基于场景脚本确定性地生成视频的命令行工具:编写 reel.config.mjs(含配音、主题与场景),它负责时间轴编排、本地语音合成、逐词计时与渲染,输出 out/video.mp4。适合讲解、多主持人对话、带字幕或静音标记驱动的视频。
video-screenshot 是面向录屏的视频截图提取与证据线索精筛工具,可从微信、小红书、网页、会议等录屏中高召回抽取关键帧,控制截图密度并过滤切换中间态,支持本地 OCR 内容增量保护、证据线索索引与受预算限制的多模态审计包,输出保留全链路哈希且不修改原视频。
阿里云百炼 EMO(emo-v1)技能:输入人像图片与语音音频,生成富有表现力的说话人像视频,适用于非 Wan 系列场景,仅限中国大陆(北京)区域使用。
直邮营销策略技能,用于撰写直邮文案、设计高转化邮件物料并制定效果衡量方案,覆盖消费者获取与留存、B2B 获客、非营利筹款、电商唤回等场景,强调增量提升与对照测试。
Tailwind CSS 组件配方集,提供卡片、徽章、按钮、模态框、输入框、进度条与布局的可复制样式模式,用于构建风格一致的 UI 组件。
为演示类应用提供的默认设计令牌,适合在没有正式设计系统时快速搭建演示界面。包含颜色、字体、间距、阴影、圆角与过渡等基础样式变量,并给出 Tailwind 配置扩展示例。
在 Blender 5.2 中设置日照时段、夜景、薄雾与氛围预设,并协调天空、主光和曝光。