Back In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
中文简介正在准备中。当前显示原文说明。
nexu-io/motion-anything9462026年7月7日 更新
免费在 GitHub 公开
web-to-design-md
Extract a real website's design tokens — colors, typography, spacing, CSS, and motion — into a structured `design.md` an AI can consume. Use to seed motion-anything's design system from an existing site so generated motion stays on-brand ("扒这个网站的配色/字体", "design.md from url").
中文简介正在准备中。当前显示原文说明。
查看安装方法包含的文件（1）
- SKILL.md1.8 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
web-to-design-md (install-on-demand companion)
Thin wrapper. Upstream has no open license, so we cannot redistribute its code — it is fetched on demand. Text below is motion-anything's own description.
What it does
Given a URL, it scrapes the site's colors / fonts / CSS / motion and emits a design.md. That
output feeds directly into motion-anything's design system (app/design-systems/), so
generation (HTML and video lines) uses the site's real hex/typography and on-brand pacing.
How to invoke
- If not installed (one-time, needs network):
npx skills add https://github.com/Paidax01/web-to-design-md - Run it against the target URL to produce
design.md. - Import the result as a motion-anything design system; then generate on-brand motion.
Pipeline note
This is the "look/tokens" front half; motion-anything is the "motion" back half. Pair them:
web-to-design-md → our design system → on-brand generation.
Note for maintainers
If Paidax01/web-to-design-md adds a permissive license, vendor it properly so it ships offline. Upstream: https://github.com/Paidax01/web-to-design-md
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
Back In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
中文简介正在准备中。当前显示原文说明。
nexu-io/motion-anything9462026年7月7日 更新
Back In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
中文简介正在准备中。当前显示原文说明。
nexu-io/motion-anything9462026年7月7日 更新
Back In Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
中文简介正在准备中。当前显示原文说明。
nexu-io/motion-anything9462026年7月7日 更新
Back Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
中文简介正在准备中。当前显示原文说明。
nexu-io/motion-anything9462026年7月7日 更新
Back Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
中文简介正在准备中。当前显示原文说明。
nexu-io/motion-anything9462026年7月7日 更新