vibe-motion/skills

--- name: 3d-chladni-render description: Clone or update https://github.com/nolangz/3D-Chladni and export deterministic 3D Chladni particle motion as MP4 or transparent ProRes MOV. Use when users ask for 3D 克拉尼, 克拉尼粒子动画, Chladni motion, sou

name: 3d-chladni-render description: Clone or update https://github.com/nolangz/3D-Chladni and export deterministic 3D Chladni particle motion as MP4 or transparent ProRes MOV. Use when users ask for 3D 克拉尼, 克拉尼粒子动画, Chladni motion, sound-r

description: Clone or update https://github.com/nolangz/3D-Chladni and export deterministic 3D Chladni particle motion as MP4 or transparent ProRes MOV. Use when users ask for 3D 克拉尼, 克拉尼粒子动画, Chladni motion, sound-reactive sand or cosmic-w

- Accept either a parent workspace or an existing 3D Chladni checkout through `--workspace`. - Clone `https://github.com/nolangz/3D-Chladni.git` into `<workspace>/3D-Chladni` when absent. - Fetch and fast-forward the selected branch when th

- Clone `https://github.com/nolangz/3D-Chladni.git` into `<workspace>/3D-Chladni` when absent. - Fetch and fast-forward the selected branch when the checkout is clean. - Refuse to update a dirty checkout; use `--skip-update` to preserve int

`assets/3d-chladni-cosmic.gif` is adapted from the source project's demo media. Attribution: **3D Chladni media by Lykno, licensed under CC BY-NC 4.0.**

#!/usr/bin/env python3

DEFAULT_REPO_URL = "https://github.com/nolangz/3D-Chladni.git"

Use $brand-launch-video-star to create a 15-second 16:9 English launch film for https://example.com. Research official assets, show the core product

for https://example.com. Research official assets, show the core product

"role": "logo",       "localPath": "public/brand/logo-primary.svg",       "sourceUrl": "https://company.example/media/logo-primary.svg",

"localPath": "public/brand/logo-primary.svg",       "sourceUrl": "https://company.example/media/logo-primary.svg",       "sourceType": "official-media-kit",

"sourceUrl": "https://company.example/media/logo-primary.svg",

"sourceType": "official-media-kit",       "verifiedAgainst": "https://company.example/",       "rightsNote": "Official media asset; confirm publication rights.",

"verifiedAgainst": "https://company.example/",

#!/usr/bin/env node

#!/usr/bin/env node

--- name: claude-typer description: Render a Claude-style prompt typing animation video by calling Remotion CLI against the remote site https://www.laosunwendao.com. Use when the user asks for "做一个 claude 的提示词打字机动画", "做 Claude 打字动画", "创建提示词

name: claude-typer description: Render a Claude-style prompt typing animation video by calling Remotion CLI against the remote site https://www.laosunwendao.com. Use when the user asks for "做一个 claude 的提示词打字机动画", "做 Claude 打字动画", "创建提示词动画",

description: Render a Claude-style prompt typing animation video by calling Remotion CLI against the remote site https://www.laosunwendao.com. Use when the user asks for "做一个 claude 的提示词打字机动画", "做 Claude 打字动画", "创建提示词动画", or similar request

- Render remote composition `Typer30fps` from `https://www.laosunwendao.com`.

- On a clean machine, `Node.js + npx` is enough for this fallback path, as long as network access to npm and `https://www.laosunwendao.com` is available.

#!/usr/local/bin/python3

SERVE_URL = "https://www.laosunwendao.com"

#!/usr/bin/env python3

制作屏摄风格的鱼眼畸变效果与聚焦动画：桶形鱼眼畸变 + 细扫描线/摩尔纹干涉 + 四周暗角，   可对任意图片/视频做「推镜聚焦到某处 + 黄色标注块滑入」的 Remotion 视频输出。   核心是 clone https://github.com/vibe-motion/fisheye-motion 项目并按需改参数渲染。

可对任意图片/视频做「推镜聚焦到某处 + 黄色标注块滑入」的 Remotion 视频输出。   核心是 clone https://github.com/vibe-motion/fisheye-motion 项目并按需改参数渲染。   触发词：鱼眼、fisheye、屏摄、摩尔纹、moire、扫描线、CRT、暗角、vignette、

核心是 clone https://github.com/vibe-motion/fisheye-motion 项目并按需改参数渲染。

git clone https://github.com/vibe-motion/fisheye-motion.git

display_name: "Fisheye Motion"   short_description: "Screen-photo style fisheye + moire + vignette effect, with Remotion focus push-in and highlight slide-in video output."   default_prompt: "Use $fisheye-motion to apply a screen-photo styl

default_prompt: "Use $fisheye-motion to apply a screen-photo style fisheye effect to this image. Clone https://github.com/vibe-motion/fisheye-motion, put the source image into the Remotion project's public/ directory, locate the target regi

} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>

</style> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> </head>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>

</head> <body>   <svg id="mainSVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" aria-label="Light spotlight reveal">

<body>   <svg id="mainSVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" aria-label="Light spotlight reveal">     <defs>

<svg id="mainSVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" aria-label="Light spotlight reveal">

#!/usr/bin/env python3

#!/usr/bin/env python3

<button id="p2m-replay" type="button">Replay</button>   <script>     const SVG_NS = "http://www.w3.org/2000/svg";

<script>     const SVG_NS = "http://www.w3.org/2000/svg";     const LOGO = {payload};

const SVG_NS = "http://www.w3.org/2000/svg";

#!/usr/bin/env python3

<script>     const SVG_NS = "http://www.w3.org/2000/svg";

const SVG_NS = "http://www.w3.org/2000/svg";

#!/usr/bin/env python3

#!/usr/bin/env python3

(args.out_dir / "fit_report.json").write_text(json.dumps(report, indent=1)) (args.out_dir / "preview.svg").write_text(     f'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 {W} {H}" width="{W}" height="{H}">\n'

(args.out_dir / "preview.svg").write_text(     f'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 {W} {H}" width="{W}" height="{H}">\n'     f'  <path id="ribbon-centerline" d="{cl_d}" fill="none" pathLength="1"/>\n'

f'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 {W} {H}" width="{W}" height="{H}">\n'

#!/usr/bin/env python3

#!/usr/bin/env python3

#!/usr/bin/env python3

def svg_document(width: int, height: int, paths: list[dict]) -> str:     lines = [         f'<svg xmlns="http://www.w3.org/2000/svg" width="{width}" height="{height}" viewBox="0 0 {width} {height}">',

lines = [         f'<svg xmlns="http://www.w3.org/2000/svg" width="{width}" height="{height}" viewBox="0 0 {width} {height}">',         "  <title>Vectorized logo</title>",

f'<svg xmlns="http://www.w3.org/2000/svg" width="{width}" height="{height}" viewBox="0 0 {width} {height}">',

#!/usr/bin/env python3

[Credential-related source omitted]

#!/usr/bin/env python3

view_box, width, height = root_view_box(root, segments)     lines = [         f'<svg xmlns="http://www.w3.org/2000/svg" width="{width:g}" height="{height:g}" viewBox="{view_box}">',

lines = [         f'<svg xmlns="http://www.w3.org/2000/svg" width="{width:g}" height="{height:g}" viewBox="{view_box}">',         '<rect width="100%" height="100%" fill="#ffffff"/>',

f'<svg xmlns="http://www.w3.org/2000/svg" width="{width:g}" height="{height:g}" viewBox="{view_box}">',

#!/usr/bin/env python3

<main id="logo-root" aria-label="Vectorized logo"></main>   <script>     const SVG_NS = "http://www.w3.org/2000/svg";

<script>     const SVG_NS = "http://www.w3.org/2000/svg";     const LOGO = {payload};

const SVG_NS = "http://www.w3.org/2000/svg";

The curtain engine is adapted from "Dynamic ropes 2" by Jason Labbe: https://openprocessing.org/sketch/533576

https://openprocessing.org/sketch/533576

The adaptation is distributed under Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0): https://creativecommons.org/licenses/by-sa/4.0/

https://creativecommons.org/licenses/by-sa/4.0/

/*  * Printed curtain — adapted from "Dynamic ropes 2" by Jason Labbe  * https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International

Executable file

* Printed curtain — adapted from "Dynamic ropes 2" by Jason Labbe  * https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International  *

* https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International

/*  * Printed curtain — adapted from "Dynamic ropes 2" by Jason Labbe  * https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International

Executable file

* Printed curtain — adapted from "Dynamic ropes 2" by Jason Labbe  * https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International  *

* https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International

Executable file

!function(e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this)

<U+180E>"!="<U+200B>

[Credential-related source omitted]

/*  * Printed curtain — adapted from "Dynamic ropes 2" by Jason Labbe  * https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International

Executable file

* Printed curtain — adapted from "Dynamic ropes 2" by Jason Labbe  * https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International  *

* https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International

Executable file

*   Title: Dynamic ropes 2  *   Author: Jason Labbe  (jasonlabbe3d.com)  *   Source: https://openprocessing.org/sketch/533576

*   Author: Jason Labbe  (jasonlabbe3d.com)  *   Source: https://openprocessing.org/sketch/533576  *   License: CC BY-SA 4.0 International

*   Source: https://openprocessing.org/sketch/533576

/*  * Printed curtain — adapted from "Dynamic ropes 2" by Jason Labbe  * https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International

Executable file

* Printed curtain — adapted from "Dynamic ropes 2" by Jason Labbe  * https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International  *

* https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International

/*  * Printed curtain — adapted from "Dynamic ropes 2" by Jason Labbe  * https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International

Executable file

* Printed curtain — adapted from "Dynamic ropes 2" by Jason Labbe  * https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International  *

* https://openprocessing.org/sketch/533576  ·  CC BY-SA 4.0 International

Executable file

*   Title: Dynamic ropes 2  *   Author: Jason Labbe  (jasonlabbe3d.com)  *   Source: https://openprocessing.org/sketch/533576

*   Author: Jason Labbe  (jasonlabbe3d.com)  *   Source: https://openprocessing.org/sketch/533576  *   License: CC BY-SA 4.0 International

*   Source: https://openprocessing.org/sketch/533576

#!/usr/bin/env python3

--- name: procedural-fish-render description: Clone or update https://github.com/vibe-motion/procedural-fish and render procedural-fish animation to a video using the project's own render command. Use when the user asks to render 程序鱼/proced

name: procedural-fish-render description: Clone or update https://github.com/vibe-motion/procedural-fish and render procedural-fish animation to a video using the project's own render command. Use when the user asks to render 程序鱼/procedural

description: Clone or update https://github.com/vibe-motion/procedural-fish and render procedural-fish animation to a video using the project's own render command. Use when the user asks to render 程序鱼/procedural fish, export a 程序鱼视频, or run

- Repository source is fixed to `https://github.com/vibe-motion/procedural-fish` by default. - If local repo exists, the script performs `git fetch` + `git checkout main` + `git pull --ff-only`.

#!/usr/local/bin/python3

DEFAULT_REPO_URL = "https://github.com/vibe-motion/procedural-fish.git"

[Credential-related source omitted]

Executable file

// 核心：调用 Yahoo Finance Chart API const url = `https://query1.finance.yahoo.com/v8/finance/chart/%5EGSPC?period1=${PERIOD1}&period2=${PERIOD2}&interval=1wk`; const resp = await fetch(url);

const url = `https://query1.finance.yahoo.com/v8/finance/chart/%5EGSPC?period1=${PERIOD1}&period2=${PERIOD2}&interval=1wk`; const resp = await fetch(url); const json = await resp.json();

const resp = await fetch(url);

useEffect(() => {   fetch(staticFile("data/xxx.json"))

fetch(staticFile("data/xxx.json"))

Executable file

export const VinylPlayer: React.FC<VinylPlayerProps> = ({     coverUrl = "https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=400&auto=format&fit=crop",

coverUrl = "https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=400&auto=format&fit=crop",

const vinylPlayerWrapper: React.CSSProperties = {     position: "relative", width: "360px", backgroundColor: "#121212",     backgroundImage: "url('https://www.transparenttextures.com/patterns/stardust.png')",

position: "relative", width: "360px", backgroundColor: "#121212",     backgroundImage: "url('https://www.transparenttextures.com/patterns/stardust.png')",     borderRadius: "32px", padding: "40px 32px 32px 32px", display: "flex", flexDirect

backgroundImage: "url('https://www.transparenttextures.com/patterns/stardust.png')",

--- name: ruler-progress-render description: Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters. Use when users ask for requests like "绘制个尺子进度条", "做个尺子进度动画", "渲染 ruler

name: ruler-progress-render description: Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters. Use when users ask for requests like "绘制个尺子进度条", "做个尺子进度动画", "渲染 ruler pro

description: Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters. Use when users ask for requests like "绘制个尺子进度条", "做个尺子进度动画", "渲染 ruler progress", or ask to export the

#!/usr/bin/env bash

REPO_URL="${REPO_URL:-https://github.com/sxhzju/ruler-progress-animator.git}"

git -C "$REPO_DIR_NAME" pull --ff-only origin "$DEFAULT_BRANCH" else   echo "[Skill] Cloning repo: $REPO_URL"

else   echo "[Skill] Cloning repo: $REPO_URL"   git clone "$REPO_URL" "$REPO_DIR_NAME"

echo "[Skill] Cloning repo: $REPO_URL"

git clone "$REPO_URL" "$REPO_DIR_NAME"

--- name: threejs-earth-render description: Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route animation with Puppeteer frame capture. Use when users ask for 三维地球航线动画, Three.js Earth, 地球飞线, glob

name: threejs-earth-render description: Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route animation with Puppeteer frame capture. Use when users ask for 三维地球航线动画, Three.js Earth, 地球飞线, globe ro

description: Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route animation with Puppeteer frame capture. Use when users ask for 三维地球航线动画, Three.js Earth, 地球飞线, globe route animation, or exporting

- Repository source is fixed to `https://github.com/vibe-motion/threejs-earth.git` by default. - Reuse `workspace/threejs-earth` if it exists; otherwise clone it. - If the repo already exists, fetch and fast-forward the target branch unless

Executable file

#!/usr/local/bin/python3

DEFAULT_REPO_URL = "https://github.com/vibe-motion/threejs-earth.git"

def find_free_port(host: str = "127.0.0.1") -> int:     with contextlib.closing(socket.socket(socket.AF_INET, socket.SOCK_STREAM)) as sock:

with contextlib.closing(socket.socket(socket.AF_INET, socket.SOCK_STREAM)) as sock:

thread.start()     try:         yield f"http://{host}:{port}/index.html"

try:         yield f"http://{host}:{port}/index.html"     finally:

yield f"http://{host}:{port}/index.html"

--- name: wechat-2d-render description: Clone or update https://github.com/sxhzju/wechat-2d and render the default WeChat-style 2D chat motion video with Remotion. Use when users ask for 微信聊天动画, wechat 2d chat render, 微信视频消息动效, or exporting

name: wechat-2d-render description: Clone or update https://github.com/sxhzju/wechat-2d and render the default WeChat-style 2D chat motion video with Remotion. Use when users ask for 微信聊天动画, wechat 2d chat render, 微信视频消息动效, or exporting the

description: Clone or update https://github.com/sxhzju/wechat-2d and render the default WeChat-style 2D chat motion video with Remotion. Use when users ask for 微信聊天动画, wechat 2d chat render, 微信视频消息动效, or exporting the default demo from the 

#!/usr/bin/env bash

REPO_URL="${REPO_URL:-https://github.com/sxhzju/wechat-2d.git}"

git -C "$REPO_DIR_NAME" pull --ff-only origin "$DEFAULT_BRANCH" else   echo "[Skill] Cloning repo: $REPO_URL"

else   echo "[Skill] Cloning repo: $REPO_URL"   git clone "$REPO_URL" "$REPO_DIR_NAME"

echo "[Skill] Cloning repo: $REPO_URL"

git clone "$REPO_URL" "$REPO_DIR_NAME"