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-opus-design-labgit 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-opus-design-lab)<a href="https://agentmods.dev/skills/nexu-io/open-design/motion-opus-design-lab"><img src="https://agentmods.dev/badge/skills/nexu-io/open-design/motion-opus-design-lab/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-opus-design-lab"><img src="https://agentmods.dev/badge/skills/nexu-io/open-design/motion-opus-design-lab.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.01907 |
| Opus 5.5 | $0.00000 | $0.00763 |
| Sonnet 5.5 | $0.00000 | $0.00381 |
| Haiku 4.5 | $0.00000 | $0.00191 |
Grade A, and why
motion-opus-design-lab 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 today.
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 — 64 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Opus Motion Design Lab
从 example.html 开始制作影片。它是一段 15.125 秒的浏览器工作台式动效实验室：上方是演示舞台，中间的像素向导指向当前控制项，下方是始终可见的六格代码面板。
Arc: spacing → typography → motion blur → easing → follow-through → anticipation → final delivery
Scene (CFG.scenes id) |
Dur | Summary | Build | Reuse |
|---|---|---|---|---|
spacing |
1.967 s | 蓝球沿弧线弹跳，残影解释动作间距 | canvas 弹道与轮廓残影；ball-release 触发起跳 |
可替换 accent；保留带残影的弹跳教学机制 |
typography |
1.800 s | 巨型「I MAKE THINGS / MOVE.」错落组装 | canvas 活字逐字进入；words-stack 与 type-out 控制进退场 |
可替换 heroCopy；保留上下两级尺度和蓝色句点 |
motion-blur |
1.800 s | 黑底依次演示 STRETCH、SPIN、SNAP | canvas 拉伸残影、旋转和挤压；stretch-hit 触发第一击 |
可换主色；三个动作词和连续变形是签名 |
easing |
2.900 s | 线性图变成 ease-in-out，方块沿轨道推进 | canvas 曲线、游标与卡片列；linear-mark 标记比较 |
可换双色；保留图表与实体方块的对应关系 |
follow-through |
2.733 s | 蓝色主体在点阵中绕行并拖出红蓝尾迹 | canvas 粒子链按时间采样；trail-turn 标记转弯 |
可换双色；保留延迟尾迹与点阵空间 |
anticipation |
1.967 s | 环形仪表从 0% 蓄力到 100% | canvas 同心圆、刻度与充能弧；gauge-fill 开始充能 |
可换主色；保留由跟随轨迹变成仪表的观感 |
final-delivery |
1.958 s | 「MOTION DESIGNER / CLAUDE.」锁定收尾 | canvas 两级标题与蓝色句点；name-build 触发排版 |
可替换 designerRole、designerName；保留上下堆叠和句点 |
Adapting the template
spacing：可改主色和注释，但弹跳、残影与基线必须保留。范围 1.5–3.0 秒，增加时由循环弹跳和页面轻微呼吸填充。此场景不显示可替换长文案；若需要更多示例球，只保留一个主球，其余作为更淡的轨迹样本。typography：可改heroCopy，上限 20 个字符；超出时先缩短文案，不要把主标题缩到失去冲击力。范围 1.6–3.0 秒，额外时间由逐字微漂和句点呼吸填充。单词多于四个时仍分两行，并把最强动词独占第二行；更少时保持第二行的单词更大。motion-blur：可改色彩，不建议改 STRETCH / SPIN / SNAP 三词及其顺序，因为三种变形组成教学签名。范围 1.5–2.5 秒，额外时间按相同顺序循环轻量残影；若增减示例，优先保留三项，不新开第二行。easing：可改曲线说明与双色，但必须保留“曲线 + 运动方块”的对应展示。范围 2.5–4.2 秒，额外时间由游标沿曲线循环和方块轮替填充。说明文案宜不超过 18 个字符；更长时缩短说明。示例多于八个时加快轮替，不增加第二排。follow-through：可改粒子颜色，主体领先、尾部延迟的关系必须保留。范围 2.4–4.0 秒，额外时间由轨迹继续绕行填充。没有长文案；若增加粒子数量，应延长尾部密度而不是增加第二条主轨迹。anticipation：可改主色和百分比样式，但必须保留蓄力圆环从低值到 100% 的动作。范围 1.7–3.0 秒，额外时间由中心呼吸和刻度轮转填充。若需要多个指标，只展示最重要的一个，不把环拆成多个小仪表。final-delivery：可改designerRole（上限 24 字符）和designerName（上限 16 字符）；超出时先精简，不得把姓名缩到低于主标题的视觉级别。范围 1.7–3.0 秒，额外时间由蓝色句点呼吸和页面微漂填充。只有一个署名；若用户提供多个名字，合并为团队名。
What ships with it
15 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.
- assets/anthropic-card.png 2.5 KB
- assets/barlow-400.ttf 102 KB
- assets/barlow-600.ttf 106 KB
- assets/barlow-condensed-700.ttf 107 KB
- assets/barlow-condensed-900.ttf 108 KB
- assets/barlow-condensed-OFL.txt 4.3 KB
- assets/barlow-OFL.txt 4.3 KB
- assets/claude-code-card.png 2.8 KB
- assets/cover.jpg 99 KB
- assets/gsap.min.js 71 KB runs code
- assets/preview-strip.png 5.4 KB
- assets/soundtrack.mp3 356 KB
- example.html 29 KB
- open-design.json 44 KB
- references/sound.json 1.5 KB
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.
- today First seen · 64 lines · 0 tokens per session scan A a60fbc77d12b
motion-opus-design-lab is a skill published in the GitHub repository nexu-io/open-design (104,878 stars, last pushed today), licensed Apache-2.0. It costs nothing until one of its globs matches a file; then it loads 1,907 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
sprite-animation
A pixel-art educational animation frame with large numbers or dates, a mascot, kinetic text, and a moving timeline. The repeating animation uses CSS keyframes, which are browser rules for changing visual properties over time.
deck-course-module
A course or workshop slide template with persistent learning goals, teaching pages, multiple-choice self-tests, and a wrap-up.
code-wiki
Generate a reference wiki for a codebase: overview, architecture, per-module deep dives, and Mermaid class and sequence diagrams, grounded in files you actually read. Works on local or cloned repos.
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.