依据WCAG 2.2设计和检查Web、iOS及Android界面，核查读屏标签、键盘操作、配色对比度和操作目标尺寸，使界面支持辅助技术。
- 为纯图标按钮添加说明
- 检查键盘操作与模态框焦点
- 检查对比度与操作目标尺寸
affaan-m/ECC28.4万2026年10月20日 更新
免费在 GitHub 公开中文介绍
remotion-video-creation
制作React视频时，可参考Remotion的实现规则与代码示例，处理动画、音频、字幕、图表、三维内容和转场，并调整素材时长与播放安排。
原文查看原文说明
Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more. Use when building video in React with Remotion — animations, audio, captions, charts, or transitions.
适用场景
- 制作文字动画与场景转场
- 为视频添加音频和字幕
- 在视频中展示图表与三维内容
- 调整素材显示时长与播放
中文介绍
功能
remotion-video-creation提供用React制作视频时可参考的Remotion实现规则与代码示例，涵盖文字和图形动画、音频裁剪与音量调整、字幕显示、图表和场景转场。还涉及使用Three.js与React Three Fiber制作三维内容、嵌入Lottie，以及加载图片、视频和字体。也可查阅获取素材时长与尺寸、安排显示顺序及调整播放时长的方法。
适用场景
适合开始制作Remotion视频，或为现有视频代码添加字幕、音频和视觉效果。处理文字超出容器边界，或调整素材与动画的时间配合时，也可参考。资料按领域拆分，可选择当前工作需要的规则文件阅读。
使用示例
- “用Remotion制作文字依次出现的动画。”
- “导入.srt字幕，并高亮正在说出的单词。”
- “给展示图表的场景添加音频和转场。”
注意事项
本技能面向使用Remotion的React视频代码。三维内容、字幕和素材信息获取等任务，会按用途涉及Three.js、React Three Fiber、@remotion/captions、Mediabunny等库。
本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。
客观评估
AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。
- 指令清晰度能否看出何时使用、做什么
- A良好明确说明用于Remotion代码，并要求阅读相关领域的规则文件。
- 步骤具体性步骤、输入输出和示例是否具体
- B部分不足列出各领域规则文件及用途，但所供文本未包含具体代码或实现步骤。
- 安全性发送数据、删除文件、执行命令等是否有说明
- A良好所供指示为查阅规则文件，不包含发送、删除或读取凭据的操作。
- 安装难易度所需工具和 API 密钥是否少且有说明
- B部分不足资料提到Remotion、Three.js等库，但未提供安装步骤。
总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI（OpenAI Codex）于 2026年10月19日 评估。仅供参考，安装前请同时查看原文。
如果您认为评估有误，请申请复核
包含的文件（32）
- SKILL.md3.6 KB
- rules/3d.md2.2 KB
- rules/animations.md784 B
- rules/assets.md1.6 KB
- rules/assets/charts-bar-chart.tsx3.3 KB
- rules/assets/text-animations-typewriter.tsx2.1 KB
- rules/assets/text-animations-word-highlight.tsx2.3 KB
- rules/audio.md3.7 KB
- rules/calculate-metadata.md2.9 KB
- rules/can-decode.md1.5 KB
- rules/charts.md1.7 KB
- rules/compositions.md3.4 KB
- rules/display-captions.md3.6 KB
- rules/extract-frames.md5.4 KB
- rules/fonts.md3.4 KB
- rules/get-audio-duration.md1.3 KB
- rules/get-video-dimensions.md1.6 KB
- rules/get-video-duration.md1.3 KB
- rules/gifs.md3.8 KB
- rules/images.md2.7 KB
- rules/import-srt-captions.md2.1 KB
- rules/lottie.md1.7 KB
- rules/measuring-dom-nodes.md973 B
- rules/measuring-text.md2.9 KB
- rules/sequencing.md2.3 KB
- rules/tailwind.md423 B
- rules/text-animations.md700 B
- rules/timing.md3.8 KB
- rules/transcribe-captions.md856 B
- rules/transitions.md3.6 KB
- rules/trimming.md1.2 KB
- rules/videos.md3.4 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
When to use
Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.
How to use
Read individual rule files for detailed explanations and code examples:
- rules/3d.md - 3D content in Remotion using Three.js and React Three Fiber
- rules/animations.md - Fundamental animation skills for Remotion
- rules/assets.md - Importing images, videos, audio, and fonts into Remotion
- rules/audio.md - Using audio and sound in Remotion - importing, trimming, volume, speed, pitch
- rules/calculate-metadata.md - Dynamically set composition duration, dimensions, and props
- rules/can-decode.md - Check if a video can be decoded by the browser using Mediabunny
- rules/charts.md - Chart and data visualization patterns for Remotion
- rules/compositions.md - Defining compositions, stills, folders, default props and dynamic metadata
- rules/display-captions.md - Displaying captions in Remotion with TikTok-style pages and word highlighting
- rules/extract-frames.md - Extract frames from videos at specific timestamps using Mediabunny
- rules/fonts.md - Loading Google Fonts and local fonts in Remotion
- rules/get-audio-duration.md - Getting the duration of an audio file in seconds with Mediabunny
- rules/get-video-dimensions.md - Getting the width and height of a video file with Mediabunny
- rules/get-video-duration.md - Getting the duration of a video file in seconds with Mediabunny
- rules/gifs.md - Displaying GIFs synchronized with Remotion's timeline
- rules/images.md - Embedding images in Remotion using the Img component
- rules/import-srt-captions.md - Importing .srt subtitle files into Remotion using @remotion/captions
- rules/lottie.md - Embedding Lottie animations in Remotion
- rules/measuring-dom-nodes.md - Measuring DOM element dimensions in Remotion
- rules/measuring-text.md - Measuring text dimensions, fitting text to containers, and checking overflow
- rules/sequencing.md - Sequencing patterns for Remotion - delay, trim, limit duration of items
- rules/tailwind.md - Using TailwindCSS in Remotion
- rules/text-animations.md - Typography and text animation patterns for Remotion
- rules/timing.md - Interpolation curves in Remotion - linear, easing, spring animations
- rules/transcribe-captions.md - Transcribing audio to generate captions in Remotion
- rules/transitions.md - Scene transition patterns for Remotion
- rules/trimming.md - Trimming patterns for Remotion - cut the beginning or end of animations
- rules/videos.md - Embedding videos in Remotion - trimming, volume, speed, looping, pitch
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
从指令、记忆、工具执行和界面显示等十二个层面排查人工智能代理故障，依据代码和日志梳理原因，按严重程度列出问题并提出修复方案。
- 排查仅在应用内出现的故障
- 调查旧对话混入回答的原因
- 核对工具漏执行或虚报执行
affaan-m/ECC28.4万2026年10月20日 更新
用实际开发任务比较多个编程智能体，记录成功率、可获取的API费用、耗时和重复运行的稳定性，为工具选型及更新后的性能评估提供数据。
- 用实际开发任务比较智能体
- 采用新工具或模型前进行评估
- 检查智能体更新后的性能
affaan-m/ECC28.4万2026年10月20日 更新
设计和调整AI智能体使用的工具、输入与返回格式，明确出错后的恢复、重试和停止条件，管理上下文信息量，并以完成率、重试次数和成功任务成本评估改进。
- 设计智能体工具及输入格式
- 明确工具结果与下一步行动
- 制定安全重试与停止条件
affaan-m/ECC28.4万2026年10月20日 更新
根据错误信息和执行环境，分析AI代理反复失败或重复操作的原因。通过小范围、可撤销的恢复操作检验假设，并将结果与依据整理成可供交接的报告。
- 诊断代理连续失败
- 调查重复调用工具的循环
- 检查上下文积累导致的输出退化
affaan-m/ECC28.4万2026年10月5日 更新
在AI代理反复失败或重复操作时，记录错误与环境前提、排查原因，采取影响有限的恢复操作，并汇总结果和证据，为有依据的重试与交接提供支持。
- 排查重复调用工具的原因
- 调查对话膨胀导致的质量下降
- 核对文件路径与环境差异
affaan-m/ECC28.4万2026年10月20日 更新