Home / prodazhang / figkit · figkit-motion/SKILL.md · GitHub

figkit-motion skillA

figkit-motion is agent-read markdown (skill) from prodazhang/figkit: 界面动效的查阅层:59 条效果目录(什么时候用 / 什么时候别用 / 引擎无关的方法)+ 63 个参数令牌(值 / 值域后果 / 校准状态)+ 6 个共用算法(贝塞尔求解、弹簧解析解、动量投射、橡皮筋、速度采样、FLIP)。figkit 各后端共用它;要给界面加动效、或要判断某处该不该加动效时使用。它不产物、不吃 IR —— 需要落地实现时回到对应的 figma2* 后端。.

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# figkit-motion — 动效目录

## 这个 skill 干什么

figkit 的各个后端把 figma 稿变成能跑的界面,**转场那部分它们已经会播了**
(见下「figkit 已内置」)。但一个真实的界面还需要几十种别的动效:列表要能拖、
滚到头要有橡皮筋、领奖要有东西飞进背包、命中要顿一下。**那些不该由 figkit 替你决定挂在哪个
元素上**,所以它给的是**方法和参数**,由你在自己的引擎里实现。

这就是本 skill:**一本查得动的动效目录**。

```
routing.md    该不该动(闸门四关)· 场景 → 效果查找表 · 反查缺口 · 性能 · 无障碍 · 十条铁律
catalog.md    59 条效果:别名 / 类 / 用 / 别用 / **引擎无关的方法** / 约束 / 令牌
              + 每条的 <details> 里附 web 参考实现(figma2html 后端可直接抄)
algorithms.md 6 个跨效果共用的算法(其中 2 个 figkit 已实现在 motion.py 里)
tokens.json   ★ 63 个令牌的**数值真源**:值 / 用途 / 值域**后果** / 校准状态 / 别名
scripts/      token_check.py(令牌契约)+ tests/
```

**它不是运行时库。** 没有代码要你 import,没有产物要你构建。

## 怎么查

1. **要给某处加动效** → `routing.md §1` 过闸门(**「不加」是正当答案**)→ `§2` 查表 →
   `catalog.md` 找到那条 → 照 **方法** 段在你的引擎里实现 → 值从 `tokens.json` 取。
2. **要判断已有界面缺什么** → `routing.md §3` 六类接缝反查。
3. **策划说「那个抖动的参数」** → grep `tokens.json` 的 `aliases`。
4. **要自己插值(引擎 tween / canvas / shader)** → `algorithms.md`。

## figkit 已内置的部分

`motion.py` 的 `PRESET` 是本目录 13 个令牌的副本,`apply_defaults()` 用它替你补掉四处:
**弹窗开合、按压、列表逐项入场、guard 失败抖动**。目录里这几条标着 `✅ figkit 已内置` ——
**别在引擎侧重做一遍**,改值改 `flow.json`(每条都带 `"source": "preset:base"`,看得见、能改能删)。
…

Read the whole file at its exact version.

How to install

Latest version
mdr add prodazhang/figkit/figkit-motion@git:20260804.3e361e1
Exact content
mdr add prodazhang/figkit/figkit-motion@sha256:ef3ea143abb63a2b

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

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

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260804.3e361e1 latest2026-08-04 3e361e1 4,178 BA view · diff
git:20260729.7b274872026-07-29 7b27487 4,181 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, 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 (4178 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

prodazhang/figkit · 10 stars · license MIT · pushed 2026-09-21 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_6um5zdvp4rmgz3vd
GET https://markdownregistry.com/api/v1/resolve?ref=prodazhang/figkit/figkit-motion
GET https://markdownregistry.com/api/v1/blob/ef3ea143abb63a2b422d708de29a19e82e94b6388b1e60c7879d2bdaeeb1ca7d

Your agent 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.

More from prodazhang/figkit

figma2cocos skill
prodazhang/figkit · figma2cocos/SKILL.md · 把 figma2html 管线产的 IR(.ui.json 像素快照 + flow.json 交互声明)落到 Cocos Creator 3.x —— TS 运行时解释器(组件加载 ui.json 动态建节点树 + flow 绑定器)+…
git:20260731.09781e7 · audit A · 10 stars
figma2dsl skill
prodazhang/figkit · figma2dsl/SKILL.md · figma 节点树 → 高保真界面还原 + 可交互 harness。两条产物:全保真 .ui.json(渲染真源,逐节点真样式不折叠)+ DSL .md(语义抽象,喂 aigd/KB)。要把 figma…
git:20260728.78f596d · audit A · 10 stars
figma2godot skill
prodazhang/figkit · figma2godot/SKILL.md · 把 figma2html 管线捕获的中间表示(IR:.ui.json 像素快照 + flow.json 交互声明)编译成 Godot 4 文本场景(.tscn)与 GDScript 运行时 flow 绑定器。输入 = figma2html…
git:20260728.78f596d · audit A · 10 stars
figma2html skill
prodazhang/figkit · figma2html/SKILL.md · Use when you have a figma design frame (or several) and want to turn it into a high-fidelity, runnable HTML client —…
git:20260805.6f61967 · audit A · 10 stars
figma2unity skill
prodazhang/figkit · figma2unity/SKILL.md · 把 figma2html 管线捕获的中间表示(IR:.ui.json 像素快照 + flow.json 交互声明)编译成 Unity UI Toolkit 资产(UXML+USS)与 C# 运行时 flow 绑定器。输入 =…
git:20260728.78f596d · audit A · 10 stars

Every file in prodazhang/figkit

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