nexu-io/motion-anything · Archived

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 ("扒这个网站的?

First seen Jul 18, 2026

Installation

$ npx skills add nexu-io/motion-anything --skill web-to-design-md

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from nexu-io/motion-anything · top by installs.

npx skills add nexu-io/motion-anything

Browse all from nexu-io/motion-anything

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 763
License LICENSE
Default branch main
Open issues 4
Status Archived

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,862 B
  • docs SUMMARY.md 324 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 13 installs

SKILL.md

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

  1. If not installed (one-time, needs network):

``bash npx skills add https://github.com/Paidax01/web-to-design-md ``

  1. Run it against the target URL to produce design.md.
  2. 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