math-curve-loading-reference SKILL.md skillA
math-curve-loading-reference from wangjs-jacky/jacky-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add wangjs-jacky/jacky-skills/math-curve-loading-reference@git:20260830.bb4391aPins git:20260830.bb4391a 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/distiller-tools/distilled/math-curve-loading-reference/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260830.bb4391a, committed Aug 30, 2026
- Size
- 4,185 bytes
- Repository stars
- 15
- License
- MIT
参考方案 | 基于 Paidax01/math-curve-loaders 选择、改造和验收数学曲线 Loading 动效。用于 Paws 或其他 Web/App 的首屏 loading、启动占位、等待状态、粒子轨迹、Lissajous/玫瑰线/摆线等动效设计，以及排查 SVG SMIL、WebView 和 Safari 兼容问题。触发词：loading 效果、加载动画、首屏动效、启动页、loader、数学曲线、粒子轨迹、Lissajous。.
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
# Math Curve Loading Reference 把 [Paidax01/math-curve-loaders](https://github.com/Paidax01/math-curve-loaders) 作为数学曲线 loading 的首选灵感库。先选曲线和运动语言，再按目标运行环境重新实现并验证；不要默认复制上游代码。 ## 使用流程 1. 明确 loading 所在阶段：HTML 首屏、React 挂载后、原生启动页、局部异步操作或长任务等待。 2. 浏览上游 [在线画廊](https://paidax01.github.io/math-curve-loaders/) 或仓库，按品牌气质和等待时长选择曲线。 3. 阅读 [source-catalog.md](references/source-catalog.md)，了解可选曲线、参数和抽象模型。 4. 如果目标包含 WebView、Safari、HTML 首屏或跨端 App，必须再读 [paws-compatibility.md](references/paws-compatibility.md)。 5. 用目标项目现有主题、生命周期和无障碍机制重新实现。 6. 在真实目标渲染器中冻结 loading 状态，检查静态布局、连续运动、降级路径和应用接管。 ## 选型原则 - 短等待优先单一、低频、易识别的轨迹；长等待可以使用更丰富的曲线，但避免制造进度已知的错觉。 - 品牌感来自曲线、节奏、粒子密度和主题色，不要依赖“加载中”文案弥补普通 spinner。 - 首屏动效必须先有正确静态帧，再增强为动画。动画 API 失败时不能退化成脱轨孤点、空白或布局跳动。 - 粒子拖尾通常由同一参数曲线上的相位偏移产生；用半径和透明度衰减表达方向，不需要额外位图资产。 - 主题颜色取自目标项目的语义 token。首屏早于框架挂载时，应从持久化设置和系统偏好完成最小主题引导。 - 支持 `prefers-reduced-motion`。减少动态时保留可理解的静态轨迹或简化标记，不强制播放粒子运动。 ## 实现边界 - 跨 WebView/Safari 的默认实现使用静态 SVG 几何节点加 `requestAnimationFrame` 更新属性，或使用目标框架已验证的动画库。 - 不把 SVG SMIL (`animateMotion`, `mpath`) 或 SVG 引用链 (`use`, `href`) 作为关键首屏路径的唯一实现。 - 动画启动前直接输出所有粒子的静态 `cx/cy`，确保 JavaScript、RAF 或路径长度 API 失败时仍然成立。 - 框架接管后立即停止 RAF 并隐藏/移除占位，避免后台循环和双层 UI。 …
Read the whole file at its exact version.
How to install
mdr add wangjs-jacky/jacky-skills/math-curve-loading-reference@sha256:6fe586b3e13cbcd3The line at the top of this page pins the label git:20260830.bb4391a, 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_ww4pjy7qdnsbvdgh)
1 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Aug 30, 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 (4185 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
wangjs-jacky/jacky-skills · 15 stars · license MIT · pushed 2026-10-19 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_ww4pjy7qdnsbvdgh GET https://markdownregistry.com/api/v1/resolve?ref=wangjs-jacky/jacky-skills/math-curve-loading-reference GET https://markdownregistry.com/api/v1/blob/6fe586b3e13cbcd310b52e2ad65486ef9e50f95f90d6a1981847a0bd8d82d261
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.