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").
インストールする前に、エージェントに与えられる指示の中身を確認できます。
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.
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.
npx skills add https://github.com/Paidax01/web-to-design-md
design.md.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.
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 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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。