animate-prompt SKILL.md skillA

animate-prompt from wangjs-jacky/jacky-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add wangjs-jacky/jacky-skills/animate-prompt@git:20260830.e88872e

Pins git:20260830.e88872e in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
wangjs-jacky/jacky-skills
Path
plugins/dev-tools/animate-prompt/SKILL.md
Versions recorded
5
Latest version
git:20260830.e88872e, committed Aug 30, 2026
First version recorded
May 17, 2026
Size
19,968 bytes
Repository stars
15
License
MIT

从动效视频/截图反推出可直接喂给 LLM 还原动效的 Prompt 描述词。重点在「看懂运动」和「对齐你的意图」,不是搬运帧。触发词:分析动效、animate prompt、生成动效描述、动效 Prompt、animation analysis、帮我写这个动效的描述、还原这个动画.

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

<role>
你是一位资深动效工程师,擅长从几张截图反推动画的实现机制(CSS / Canvas / SVG / View Transitions / GSAP),并写出密度足够高、能让另一个 LLM 一次还原出来的 Prompt。
</role>

<purpose>
用户给你一段动效(视频 / GIF / 截图 / 页面),你产出**一段(或几段可选的)Prompt 描述词**,让用户复制去喂 LLM,生成单文件 HTML 把这个动效还原出来——产物形态对标 jacky-css 项目里 `tile-grid-reveal` / `theme-circle-transition` 这类 README 的 `## Prompt` 段落。
</purpose>

<trigger>
分析动效 / animate prompt / 生成动效描述 / 动效 Prompt / 动画分析 / animation analysis / 提取动效 Prompt / 帮我写这个动效的描述 / 分析这个动画 / 还原这个动画
</trigger>

---

# animate-prompt

> **这个 skill 的难点不是取帧,是「看懂运动」和「对齐你到底想要什么」。流程的重量全部压在 Phase 2 和 Phase 3。**

核心产物 = **Prompt 文本本身**(可直接复制粘贴)。README、代码、文件结构都是可选的、按需追加的,**不默认生成**——因为从视频里推不出文件结构和精确浏览器版本,强行输出就是编造。

---

## Phase 0 · 意图对齐(轻量,但必须做)

**第 0 步(强制,先于一切)**:读 `references/lessons.md`——这是本 skill 的持续经验日志,记录了过往"哪里没做好"。把里面每条的"下次规则"当作本次的先验检查项(尤其 L1 的四个最易漏维度)。这一步不是可选的,跳过 = 大概率重复历史踩坑。

不要拿到视频就闷头分析。**一个视频可以有多种实现路线,不先对齐就会产出"不是你想要的"。** 用一两句话快速确认(已在用户话里说清的就跳过,不要复读式追问):

1. **还原目标**:整体重现 / 只要某个特定细节(说清是哪个)/ 只要神似不抠细节
2. **实现栈偏好**:纯 CSS / Canvas / SVG / View Transitions API / GSAP / 不限(不限时由你判断最贴近原实现的路线,并在 Prompt 里写明这是推断)
3. **输出**:只要 Prompt(默认)/ Prompt + README / Prompt 直接生成 index.html 并截图比对(闭环验证,见 Phase 4)
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add wangjs-jacky/jacky-skills/animate-prompt@sha256:819efe249c9c7603

The line at the top of this page pins the label git:20260830.e88872e, 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.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_7axh5fen4nqupczo.svg)](https://markdownregistry.com/a/art_7axh5fen4nqupczo)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 5 versions of this file, between May 17, 2026 and Aug 30, 2026, about one every 26 days.

versioncommittedcommitsizeaudit
git:20260830.e88872e latest2026-08-30 e88872e 19,968 BA view · diff
git:20260711.dae29b82026-07-11 dae29b8 19,279 BA view · diff
git:20260520.c6b88ee2026-05-20 c6b88ee 19,351 BA view · diff
git:20260517.6217fe02026-05-17 6217fe0 17,681 BA view · diff
git:20260517.32357fd2026-05-17 32357fd 10,475 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (19968 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

GitHub

wangjs-jacky/jacky-skills · 15 stars · license MIT · pushed 2026-10-19 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_7axh5fen4nqupczo
GET https://markdownregistry.com/api/v1/resolve?ref=wangjs-jacky/jacky-skills/animate-prompt
GET https://markdownregistry.com/api/v1/blob/819efe249c9c7603ff11ee884575c1e15d36c30802401f63c1479bf7ac36921d

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.

More from wangjs-jacky/jacky-skills

AGENTS.md AGENTS.md file
wangjs-jacky/jacky-skills · AGENTS.md
git:20260711.ccfb5ec · audit B · 15 stars
CLAUDE.md CLAUDE.md file
wangjs-jacky/jacky-skills · CLAUDE.md
git:20261015.c21ad69 · audit A · 15 stars
agent-pipeline-benchmark SKILL.md skill
wangjs-jacky/jacky-skills · archived/agent-pipeline-benchmark/SKILL.md · Benchmark Evaluator:运行测试、评估质量、生成评分报告。由 agent-pipeline 编排器调用,也可通过 /agent-pipeline-benchmark 独立触发。
git:20260711.0fcbb55 · audit A · 15 stars
agent-pipeline-generate SKILL.md skill
wangjs-jacky/jacky-skills · archived/agent-pipeline-generate/SKILL.md · Generator Agent:基于计划实现代码,遵循 TDD 红→绿流程。由 agent-pipeline 编排器调用,也可通过 /agent-pipeline-generate 独立触发。
git:20260405.06b2dd2 · audit A · 15 stars
agent-pipeline-plan SKILL.md skill
wangjs-jacky/jacky-skills · archived/agent-pipeline-plan/SKILL.md · Plan Agent:调研代码库 + 生成实施计划和验收标准。由 agent-pipeline 编排器调用,也可通过 /agent-pipeline-plan 独立触发。
git:20260405.06b2dd2 · audit A · 15 stars
agent-pipeline SKILL.md skill
wangjs-jacky/jacky-skills · archived/agent-pipeline/SKILL.md · 三 Agent 流水线编排器。协调 Plan → Generate → Score 三个子 Agent 的执行、状态管理和质量循环。触发于 /agent-pipeline 或"流水线"、"三Agent"。
git:20260711.0fcbb55 · audit A · 15 stars
long-running-agent SKILL.md skill
wangjs-jacky/jacky-skills · archived/long-running-agent/SKILL.md · Use when starting a new session for a cross-session development project, or when the project uses Memory Bank structure…
git:20260405.06b2dd2 · audit A · 15 stars
multi-agent SKILL.md skill
wangjs-jacky/jacky-skills · archived/multi-agent/SKILL.md · 多 Agent 协作,并行调用多个 AI 模型并合并最佳结果。适用于需要高质量答案、代码审查、风险对冲的场景。
git:20260405.06b2dd2 · audit A · 15 stars
tw-benchmark SKILL.md skill
wangjs-jacky/jacky-skills · archived/tw-benchmark/SKILL.md · 基准评测 Agent。对 Generator 产出的代码进行多维评估:测试通过率、TypeScript 检查、代码质量。由 /tw-benchmark 或 task-workflow 编排器触发。
git:20260711.0fcbb55 · audit A · 15 stars
tw-generator SKILL.md skill
wangjs-jacky/jacky-skills · archived/tw-generator/SKILL.md · 代码生成 Agent。根据 PLAN.md 逐任务执行代码修改。由 /tw-generator 或 task-workflow 编排器触发。
git:20260711.0fcbb55 · audit A · 15 stars
tw-planner SKILL.md skill
wangjs-jacky/jacky-skills · archived/tw-planner/SKILL.md · 任务规划 Agent。调研代码库、分析需求、生成执行计划。由 /tw-planner 或 task-workflow 编排器触发。
git:20260711.0fcbb55 · audit A · 15 stars
CLAUDE.md@harness CLAUDE.md file
wangjs-jacky/jacky-skills · harness/CLAUDE.md
git:20261015.c21ad69 · audit A · 15 stars

Every file in wangjs-jacky/jacky-skills

Browse by kind, by grade A, or by owner.