motion-graphics
使用 HyperFrames 创建短篇动态图形
短篇动态图形的制作需要协调规划、素材、动画、渲染和质量检查。此技能可指导 Claude、Codex 和 Claude Code 使用可复用的 HyperFrames 工作流完成制作。
安装前请停下并请求确认。
请审查安装计划,并在更改文件前获得用户明确同意。
使用我的智能体安装
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
Review the Skillstore skill "motion-graphics" from https://skillstore.io/skills/heygen-com-motion-graphics.md and its manifest at https://skillstore.io/api/skills/heygen-com-motion-graphics/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.你的智能体仍应展示其计划,并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
测试它
正在使用“motion-graphics”。 创建一个六秒的竖版图形,宣布用户数达到 200 万,使用深色背景和亮绿色强调色。
预期结果:
一个六秒的竖版 MP4,包含数字递增、辅助圆环动画、克制的标签,以及易于阅读的最终画面停留。
正在使用“motion-graphics”。 为产品定价页面制作动画,并在没有旁白的情况下突出显示年度方案按钮。
预期结果:
一个简短的网页动画,包含捕获的页面、受控滚动、光标移动、精确的按钮高亮、点击波纹和最终缩放。
正在使用“motion-graphics”。 展示地图从欧洲缩放至法国,然后绘制法国边界并添加标签。
预期结果:
一个确定性的地图视频,包含预先烘焙的底图、镜头移动、实时边界叠加层、标签入场动画和项目本地坐标数据。
安全审计
高风险The skill contains legitimate motion-graphics tooling, but its map and localization helpers execute local programs, access remote resources, and handle an optional API credential. Review found unsafe autonomous update guidance, an unsandboxed browser with remote scripts, and missing output-path and external-content trust controls. Most template-literal, documentation, and visual-animation matches were false positives.
已确认安全问题 (5)
能力复核项 (23)
这些是真实的本地能力,对此技能可能是预期行为,因此需要复核,但不会按已确认恶意行为计分。
风险因素
📁 文件系统访问 (12)
🔑 环境变量 (35)
⚙️ 外部命令 (50)
🌐 网络访问 (11)
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/heygen-com-motion-graphics/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/heygen-com-motion-graphics?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/heygen-com-motion-graphics?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-motion-graphics/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/heygen-com-motion-graphics.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
heygen-com. (2026). motion-graphics security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-motion-graphics/audits/6BibTeX 引用
@techreport{heygen-com-heygen-com-motion-graphics-2026,
author = {heygen-com},
title = {motion-graphics security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/heygen-com-motion-graphics/audits/6},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "motion-graphics security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "heygen-com"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/heygen-com-motion-graphics/audits/6"
identifiers:
- type: other
value: "skillstore:heygen-com-motion-graphics:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore 评分
评分依据 证据置信度: 中你能构建什么
制作社交媒体动态图文
将引语、统计数据、徽标或公告制作成简短的竖版或方形动态图形。
演示产品界面
捕获网页,并在没有旁白的情况下制作滚动、光标移动、高亮、缩放和标注动画。
以视觉方式解释数据
将图表、地图、文章事实或图像几何元素制作成聚焦明确的数据故事动画。
试试这些提示
为 [message] 创建一个六秒的 9:16 动态图形。使用 [colors]、醒目易读的文字、一个清晰的运动主题,并输出 MP4。
为 [value and context] 创建一个八秒的 1:1 统计数据动画。包含数字递增效果、一个辅助图表元素,以及清晰的最终画面停留。
捕获 [URL] 并创建一个七秒的 16:9 高亮动画。展示 [element]、制作光标交互动画、准确缩放,并添加一个简洁标注。
使用 [image] 可视化 [data]。准确定位目标几何区域,从图像中提取配色,将图形与素材相连接,并渲染透明叠加层。
最佳实践
- 提供信息内容、时长、宽高比、品牌颜色、源素材和所需输出格式。
- 使用一个视觉主题和一条主要信息,确保最终画面保持清晰易读。
- 交付前检查来源素材、准确定位的位置、代码检查结果、检验输出和渲染后的视频。
避免
- 不要将此技能用于包含旁白、真人实拍或复杂多场景的视频。
- 渲染期间不要依赖实时网络数据,因为输出必须保持确定性。
- 在可以使用定位信息或 DOM 测量结果时,不要估算图像或网页坐标。