OpenDesign is an open-source, local-first desktop app that lets coding agents create prototypes, dashboards, slide decks, images, video, and design systems as exportable files. It is used by people working with agent runtimes such as Claude Code, Codex, Cursor, and DeepSeek Harness. The catalogue add-ons extend the OpenDesign workflow with skills, instructions, commands, and plugins.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add nexu-io/open-design --skill motion-kinetic-motion-designergit clone --depth 1 https://github.com/nexu-io/open-designWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/nexu-io/open-design/motion-kinetic-motion-designer)<a href="https://agentmods.dev/skills/nexu-io/open-design/motion-kinetic-motion-designer"><img src="https://agentmods.dev/badge/skills/nexu-io/open-design/motion-kinetic-motion-designer/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/nexu-io/open-design/motion-kinetic-motion-designer"><img src="https://agentmods.dev/badge/skills/nexu-io/open-design/motion-kinetic-motion-designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00000 | $0.02004 |
| Opus 5.5 | $0.00000 | $0.00802 |
| Sonnet 5.5 | $0.00000 | $0.00401 |
| Haiku 4.5 | $0.00000 | $0.00200 |
Grade A, and why
motion-kinetic-motion-designer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 4d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 74 lines — stays where its author put it; the contents beside it link to each section on GitHub.
动效设计师名片
从 example.html 开始改编。保留目录中的 assets/Anton-400.ttf、assets/Anton-OFL.txt、assets/Caveat-400.ttf、assets/Caveat-OFL.txt、assets/gsap.min.js、assets/cover.jpg 和 references/sound.json。原音轨 assets/soundtrack.mp3 由 runner 添加。
Arc: 弹跳 → 文字 → 动作词 → 缓动 → 跟随 → 预备动作 → 名片
| 场景（CFG.scenes id） | 时长 | 画面含义 | 构建方式 | 复用 |
|---|---|---|---|---|
spacing |
1.9 s | 蓝球沿衰减弹跳路径运动，残影解释间距。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
type |
1.85 s | I MAKE THINGS / MOVE 逐字错峰入场。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
actions |
1.8 s | BOUNCE、STRETCH、SPIN、SNAP 快速切换。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
easing |
2.9 s | 位置时间曲线由直线转为 S 形，方块演示运动间距。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
follow |
2.55 s | 蓝色粒子头拖着尾迹绕行，点阵受其影响。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
anticipation |
2.15 s | 环形刻度从零加载至百分之百，中心圆预备动作。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
hello |
1.911333 s | MOTION DESIGNER / CLAUDE 与接洽项目短句收尾。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
Adapting the template
spacing：不含可换文案；新增项目另做一段，减少项目不能删掉蓝球的落地。 范围 1.9–2.8 秒，可延长；增加时间由持续弹跳填充。保留该段入场机制及尾部spacing-outcue。type：headline 最多 20 字符，verb 最多 8 字符；超长先精简，不缩小到难以阅读。只展示一组主标题，多组时择最强一组。 范围 1.85–2.8 秒，可延长；增加时间由圆点与下划线的轻微摆动填充。保留该段入场机制及尾部type-outcue。actions：保留四个动作词及其含义；项目增减时仍保留四种动作机制，不堆叠更多字卡。 范围 1.8–1.8 秒，锁定时长；增加时间由字卡旋转或拉伸填充。保留该段入场机制及尾部actions-outcue。easing：保留直线转 S 曲线与单个运动方块；更多数据只择一组，不压缩坐标图。 范围 2.9–4.3 秒，可延长；增加时间由方块循环演示填充。保留该段入场机制及尾部easing-outcue。follow：保留一个主粒子与残影；多个主体时择一个，不能变成静止装饰。 范围 2.55–3.8 秒，可延长；增加时间由粒子持续运动填充。保留该段入场机制及尾部follow-outcue。anticipation：保留中心圆、百分比与环形加载；只用一个百分比指标，不增加环数。 范围 2.15–3.2 秒，可延长；增加时间由圆点呼吸和刻度环旋转填充。保留该段入场机制及尾部anticipation-outcue。hello：name 最多 12 字符，role 最多 22 字符，availability 最多 28 字符；超长精简。多人时择一位主角，不能横排多人名片。 范围 1.911333–3 秒，可延长；增加时间由圆点的轻微压缩、位移与文字呼吸填充。保留该段入场机制及尾部hello-outcue。
总时长改变时优先由 easing、follow、hello 吸收，其次 spacing、type、anticipation；actions 的快速字卡固定。重新求和 CFG.duration，场景开始时间自动累加。 Chinese / CJK：heading 使用 Anton 400，body 使用 Caveat 400–700；均后接同字重 Noto Sans SC。繁体改 Noto Sans TC。交付前用真实中英文混排及标点捕获一帧检查缺字；没有中文字体时明确告知。 Brand-bound: hello 的 CLAUDE 姓名、职业与接洽短句必须按用户身份改写；type 的自我宣言也按用户主张在同一形式中重写，不能沿用原设计师身份。
What ships with it
10 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 4d ago First seen · 74 lines · 0 tokens per session scan A 9eae46dd70c6
motion-kinetic-motion-designer is a skill published in the GitHub repository nexu-io/open-design (105,546 stars, last pushed today), licensed Apache-2.0. It costs nothing until one of its globs matches a file; then it loads 2,004 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-30.
Other skills, from other repositories
competitive-teardown
A framework for turning research about competing products into a report that supports product decisions.
deck-guizang-editorial
A slide-deck template combining electronic-magazine layouts with an e-ink, printed-paper look. It offers five fixed color palettes and ten reusable page layouts for storytelling and editorial content.
doc-kami-parchment
A carefully typeset document template with a warm parchment background, dark blue accents, and one serif typeface per language.
deck-open-slide-canvas
A presentation layout system for freely arranging React components on a fixed 1920×1080 slide canvas. React is a way to build interfaces from reusable pieces.
exec-briefing-memo
A one-page decision memo that condenses complex material into the problem, recommended choice, evidence, trade-offs, risks, and next actions. It is meant for a decision maker, not as meeting notes, a weekly report, or a product requirements document.
frame-flowchart-sticky
A single-file HTML template for showing a process or system as a whiteboard with coloured sticky notes, curved arrows, and optional mouse interactions.