logo-motion SKILL.md skillA

logo-motion from phuhao00/bony-agent is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add phuhao00/bony-agent/logo-motion@v1.0.0

Pins v1.0.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
phuhao00/bony-agent
Path
.agent/skills/logo-motion/SKILL.md
Versions recorded
1
Latest version
v1.0.0, committed Jun 17, 2026
Size
2,519 bytes
Repository stars
16
License
none declared

将栅格 Logo 转换为语义化 SVG,并生成带 CSS 动画的独立 HTML、帧序列胶片条和拟合 QA 报告。适合品牌 Logo、图标、标识的动效设计。.

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

# Logo 动画 / 标志动效

本 Skill 基于 [nolangz/pixel2motion](https://github.com/nolangz/pixel2motion)(MIT License)的工作流,将静态 Logo 图转换成可交互的动画 HTML。

## 适用场景

- 品牌 Logo 动效(网站首屏、加载动画、视频片头)
- 应用图标启动动画
- 社交媒体封面/头像微动效
- 吉祥物或图形标识的 reveal 动画

## 输入

- `source_image_url`: Logo 栅格图(PNG/JPG/WebP),建议背景干净、主体清晰。
- `motion_brief`: 自然语言动画需求,例如「科技感线条依次描绘」「柔和淡入并轻微上浮」「活泼弹跳」。
- `style`: 预设风格
  - `subtle` — 柔和克制,适合高端品牌
  - `energetic` — 活泼弹性,适合年轻品牌
  - `cinematic` — 电影感、层次 reveal
  - `loop` — 无缝循环
  - `reveal` — 线条描绘、stroke-dashoffset
- `duration_ms`: 动画总时长,默认 1500ms。

## 输出

| 产物 | 说明 |
|------|------|
| `html_url` | `logo_motion.html` 独立动画页,可预览、慢放、重播 |
| `svg_url` | 转换后的 SVG |
| `css_url` | 驱动动画的 `motion.css` |
| `render_url` | SVG 静态渲染图 |
| `strip_url` | 关键帧胶片条 |
| `metrics` | IoU 等拟合指标 |

## 工作流程

1. `trace_logo_to_svg` 将栅格图描摹为 SVG,并做 headless-Chrome 拟合 QA。
2. LLM 根据 SVG 结构和动画需求生成 `motion.css`。
3. `animate_svg_showcase.py` 打包成独立 HTML。
4. Playwright 抓取关键帧并生成胶片条(可选,未安装时跳过)。

## 质量标准

- 拟合 IoU 越高越好;若 IoU 偏低,提醒用户 SVG 描摹可能丢失细节。
- 动画需尊重 `prefers-reduced-motion`。
- 产物路径统一落入 `storage/outputs/`,可通过 `/api/media/<filename>` 访问。

## 前置依赖

- Python 3.10+
- Pillow、numpy
- Chrome 或 Chromium(`CHROME_BIN` 环境变量可覆盖自动检测)
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add phuhao00/bony-agent/logo-motion@sha256:30c8f0da622fa6d3

The line at the top of this page pins the label v1.0.0, 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_nq7xj7rlj4j6oivj.svg)](https://markdownregistry.com/a/art_nq7xj7rlj4j6oivj)

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

Versions

The registry has recorded 1 version of this file, committed on Jun 17, 2026.

versioncommittedcommitsizeaudit
v1.0.0 latest2026-06-17 47f66a5 2,519 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 (2519 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

phuhao00/bony-agent · 16 stars · license none declared · pushed 2026-10-05 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_nq7xj7rlj4j6oivj
GET https://markdownregistry.com/api/v1/resolve?ref=phuhao00/bony-agent/logo-motion
GET https://markdownregistry.com/api/v1/blob/30c8f0da622fa6d3b29e1c50e8ba02932aded05e66a372e0df9a5df818977ee3

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 phuhao00/bony-agent

ad-campaign-agent SKILL.md skill
phuhao00/bony-agent · .agent/skills/ad-campaign-agent/SKILL.md · 完成数字广告投放全链路规划与优化:投放策略、创意文案、受众定向、预算分配、效果复盘。
v1.0.0 · audit A · 16 stars
algorithmic-art SKILL.md skill
phuhao00/bony-agent · .agent/skills/algorithmic-art/SKILL.md · Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users…
git:20260617.47f66a5 · audit B · 16 stars
bilibili-operator SKILL.md skill
phuhao00/bony-agent · .agent/skills/bilibili-operator/SKILL.md · Bilibili 平台深度运营专家,擅长 B 站风格文案、视频投稿与动态发布管理。
git:20260617.47f66a5 · audit A · 16 stars
brand-guidelines SKILL.md skill
phuhao00/bony-agent · .agent/skills/brand-guidelines/SKILL.md · Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having…
git:20260617.47f66a5 · audit A · 16 stars
brandkit SKILL.md skill
phuhao00/bony-agent · .agent/skills/brandkit/SKILL.md · Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks…
git:20260617.47f66a5 · audit A · 16 stars
business-partnership-agent SKILL.md skill
phuhao00/bony-agent · .agent/skills/business-partnership-agent/SKILL.md · 完成商务拓展与战略合作关键工作:Outreach 文案、合作方案、条款要点、伙伴评估、BD Pipeline 规划。
v1.0.0 · audit A · 16 stars
canvas-design SKILL.md skill
phuhao00/bony-agent · .agent/skills/canvas-design/SKILL.md · Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user…
git:20260617.47f66a5 · audit A · 16 stars
claude-api SKILL.md skill
phuhao00/bony-agent · .agent/skills/claude-api/SKILL.md · Build, debug, and optimize Claude API / Anthropic SDK apps. Apps built with this skill should include prompt caching…
git:20260617.47f66a5 · audit A · 16 stars
code-analyst-agent SKILL.md skill
phuhao00/bony-agent · .agent/skills/code-analyst-agent/SKILL.md · 帮助开发者理解代码库、定位符号与调用关系、审查代码质量、给出架构/目录规范建议。
v1.0.0 · audit A · 16 stars
code-reviewer SKILL.md skill
phuhao00/bony-agent · .agent/skills/code-reviewer/SKILL.md · Reviews Python code for bugs, style, and project conventions. Invoke when user asks for a review or advice on code.
git:20260617.47f66a5 · audit A · 16 stars
content-moderator SKILL.md skill
phuhao00/bony-agent · .agent/skills/content-moderator/SKILL.md · moderation Skill 的兼容别名。新任务请优先使用 .agent/skills/moderation/SKILL.md。
v1.1.0 · audit A · 16 stars
copywriter SKILL.md skill
phuhao00/bony-agent · .agent/skills/copywriter/SKILL.md · copywriting Skill 的兼容别名。新任务请优先使用 .agent/skills/copywriting/SKILL.md。
v1.1.0 · audit A · 16 stars

Every file in phuhao00/bony-agent

Other files named logo-motion

logo-motion SKILL.md skill
phuhao00/bony-agent · electron/resources/agent-skills/logo-motion/SKILL.md · 将栅格 Logo 转换为语义化 SVG,并生成带 CSS 动画的独立 HTML、帧序列胶片条和拟合 QA 报告。适合品牌 Logo、图标、标识的动效设计。
v1.0.0 · audit A · 16 stars

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