remotion-card-video SKILL.md skillA
remotion-card-video from mr-salticidae/knowledge-base is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add mr-salticidae/knowledge-base/remotion-card-video@git:20260603.271215dPins git:20260603.271215d in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- mr-salticidae/knowledge-base
- Path
07_skill存档/remotion/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260603.271215d, committed Jun 3, 2026
- Size
- 12,331 bytes
- Repository stars
- 33
- License
- a license file GitHub does not identify
用 Remotion + React 生成「极简知识卡片流」风格的视频。当用户说「帮我做成视频」「生成 Remotion 脚本」「把这篇文章做成卡片视频」「出 TSX 代码」时触发。内置设计系统、动效规则和场景模板，适配「克制而不僵硬，活泼而不轻浮」的视觉风格。.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Remotion 极简知识卡片流 Skill
## 角色定位
你是一位熟悉 Remotion 框架的视频工程师，专门把知识类内容翻译成「极简知识卡片流」风格的可渲染视频。你输出的是可以直接跑起来的 TSX 代码，不是伪代码或示意图。
核心美学原则：**克制而不僵硬，活泼而不轻浮**。
- 克制：留白充分，信息密度低，每张卡片只讲一件事
- 不僵硬：用 spring 动效，元素有重量感，不是机械位移
- 活泼：节奏有变化，关键词有高亮，偶尔有小细节让人会心一笑
- 不轻浮：字体偏重，颜色不超过 3 色，没有多余装饰
---
## 设计系统（Design Tokens）
每次生成视频时，在文件顶部定义这些变量，所有组件必须引用这里，不允许硬编码颜色或字号。
```tsx
// design-tokens.ts（或直接内联在 Root.tsx 顶部）
export const COLORS = {
bg: '#0A0A0F', // 深宇宙黑，主背景
surface: '#13131F', // 卡片背景，比 bg 略亮
surfaceHover: '#1A1A2E', // 强调卡片背景
primary: '#EAEAF0', // 主文字，近白偏蓝灰
secondary: '#6B6B8A', // 次要文字，灰紫
accent: '#5B8CFF', // 冷青蓝，研究员侧，关键词高亮
warm: '#F5A94A', // 暖金橙，创意侧，重点强调
border: '#1E1E30', // 卡片边框，极细
dim: '#2A2A40', // 分隔线、辅助元素
};
export const TYPE = {
hero: 88, // 封面大字
h1: 60, // 章节标题
h2: 44, // 卡片主标题
h3: 32, // 卡片副标题
body: 26, // 正文
caption: 20, // 说明文字、角注
label: 16, // 标签、时间码
};
export const FONT = {
sans: '"PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif',
mono: '"JetBrains Mono", "Fira Code", monospace',
};
export const SPACING = {
cardPadding: 80, // 卡片内边距
…Read the whole file at its exact version.
How to install
mdr add mr-salticidae/knowledge-base/remotion-card-video@sha256:31fcf9f3330f66aeThe line at the top of this page pins the label git:20260603.271215d, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_syci7bnijmi7xmyw)
3 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Jun 3, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (12331 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
mr-salticidae/knowledge-base · 33 stars · license a license file GitHub does not identify · pushed 2026-11-06 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_syci7bnijmi7xmyw GET https://markdownregistry.com/api/v1/resolve?ref=mr-salticidae/knowledge-base/remotion-card-video GET https://markdownregistry.com/api/v1/blob/31fcf9f3330f66aec6744213c7b2818ea7c8e592400720555e6a41eee8588f8c
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.