web-to-design-md
GitHub从指定网站URL抓取颜色、字体、间距、CSS及动效等设计令牌，生成结构化的design.md文件。该文件可直接导入motion-anything的设计系统，确保后续生成的HTML和视频内容保持品牌一致性。
Trigger Scenarios
Install
npx skills add nexu-io/motion-anything --skill web-to-design-md -g -y
SKILL.md
Frontmatter
{
"od": {
"mode": "prototype",
"surface": "web",
"category": "design-system",
"platform": "desktop",
"upstream": "https:\/\/github.com\/Paidax01\/web-to-design-md",
"design_system": {
"requires": false
}
},
"name": "web-to-design-md",
"triggers": [
"extract design tokens from this site",
"web to design md",
"扒这个网站的配色和字体",
"拿这个站的设计规范",
"生成 design.md"
],
"description": "Extract a real website's design tokens — colors, typography, spacing, CSS, and motion — into a\nstructured `design.md` an AI can consume. Use to seed motion-anything's design system from an\nexisting site so generated motion stays on-brand (\"扒这个网站的配色\/字体\", \"design.md from url\").\n"
}
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
Version History
- b016900 Current 2026-07-11 17:12
Dependencies
-
suggested
https://github.com/Paidax01/web-to-design-md
