Guizang Social Cards
op7418/guizang-social-card-skill
Produces social card sets for Xiaohongshu and WeChat: carousels, Live Photo motion cards and puzzle layouts, and WeChat cover pairs, rendered from single-file HTML.
Build an ambient backdrop on a NodeTool timeline using shape gradients, procedural generator effects, slow loops, or generated video.
Install Motion Background
$ npx skills add nodetool-ai/nodetool --skill motion-background -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install nodetool-ai/nodetool motion-background --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/nodetool-ai/nodetool.git skills-src && mkdir -p .claude/skills && cp -r skills-src/packages/system-skills/motion-background .claude/skills/motion-background && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "motion-background" agent skill from https://github.com/nodetool-ai/nodetool/tree/main/packages/system-skills/motion-background into .claude/skills/motion-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-background", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/nodetool-ai/nodetool/tree/main/packages/system-skills/motion-backgroundType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add nodetool-ai/nodetool --skill motion-background -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install nodetool-ai/nodetool motion-background --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/nodetool-ai/nodetool.git skills-src && mkdir -p .agents/skills && cp -r skills-src/packages/system-skills/motion-background .agents/skills/motion-background && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "motion-background" agent skill from https://github.com/nodetool-ai/nodetool/tree/main/packages/system-skills/motion-background into .agents/skills/motion-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-background", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add nodetool-ai/nodetool --skill motion-background -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install nodetool-ai/nodetool motion-background --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/nodetool-ai/nodetool.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/packages/system-skills/motion-background .cursor/skills/motion-background && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "motion-background" agent skill from https://github.com/nodetool-ai/nodetool/tree/main/packages/system-skills/motion-background into .cursor/skills/motion-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-background", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/nodetool-ai/nodetool.git --path packages/system-skills/motion-background--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add nodetool-ai/nodetool --skill motion-background -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install nodetool-ai/nodetool motion-background --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/nodetool-ai/nodetool.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/packages/system-skills/motion-background .gemini/skills/motion-background && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "motion-background" agent skill from https://github.com/nodetool-ai/nodetool/tree/main/packages/system-skills/motion-background into .gemini/skills/motion-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-background", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install nodetool-ai/nodetool motion-backgroundInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add nodetool-ai/nodetool --skill motion-background -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/nodetool-ai/nodetool.git skills-src && mkdir -p .github/skills && cp -r skills-src/packages/system-skills/motion-background .github/skills/motion-background && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "motion-background" agent skill from https://github.com/nodetool-ai/nodetool/tree/main/packages/system-skills/motion-background into .github/skills/motion-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-background", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add nodetool-ai/nodetool --skill motion-background -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install nodetool-ai/nodetool motion-background --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/nodetool-ai/nodetool.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/packages/system-skills/motion-background .opencode/skills/motion-background && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "motion-background" agent skill from https://github.com/nodetool-ai/nodetool/tree/main/packages/system-skills/motion-background into .opencode/skills/motion-background/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-background", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
motion-background- GitHub stars
- 560
- Token cost
- ~1.8k tokens
- SKILL.md length
- 1,048 words
- Files
- 1
- Skills in repo
- 127
- Repo updated
- First seen
- Licence
- AGPL-3.0
At a glance
Build an ambient backdrop on a NodeTool timeline using shape gradients, procedural generator effects, slow loops, or generated video.
- Lower-third plates
- SKILL.md covers Pick the cheapest thing that…, A procedural bed, A mesh from shapes and Loops that actually loop, plus 4 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Quiet loops behind a subject
What it does
Motion Background is an agent skill from nodetool-ai/nodetool. Build an ambient backdrop on a NodeTool timeline using shape gradients, procedural generator effects, slow loops, or generated video. Use for title cards, hero beds, end cards, lower-third plates, and quiet loops behind a subject.
Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Media & Creative. The repository describes itself as: Agent-first Creative Workspace. The licence is AGPL-3.0.
When your agent uses it
- Lower-third plates
- Quiet loops behind a subject
Example prompts
- “/motion-background”
What it can do on your machine
Read from SKILL.md and the folder at commit 339f069. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are json).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Motion Background loads about 1.8k tokens when it runs. Until then it costs about 62 tokens; SKILL.md has 1,048 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from nodetool-ai/nodetool at commit 339f069, republished under its AGPL-3.0 licence (© nodetool-ai). 1,048 words, ~1,836 tokens.
Download SKILL.mdSave it as
.claude/skills/motion-background/SKILL.md (or your agent's skills folder).- name
- motion-background
- description
- Build an ambient backdrop on a NodeTool timeline using shape gradients, procedural generator effects, slow loops, or generated video. Use for title cards, hero beds, end cards, lower-third plates, and quiet loops behind a subject.
- featured
- true
Motion Background → the bed
A background that draws attention has failed. Slow, low contrast, looping with no visible join, and cheap enough that the picture in front of it still composites.
motion-graphics carries the op contract for the calls named here.
color-motion chooses the palette the bed is built from, and motion-curves
writes the loop when no wrapping preset holds the seam.
Pick the cheapest thing that reads
| Look | Build it from | Cost |
|---|---|---|
| Flat or gradient wash | One full-frame rect shape with fillStyle linear or radial | Shape clips do not count against the video layer cap |
| Soft mesh or conic wash | One full-frame shape with a generator effect, mode: "meshGradient" or "conicGradient" | One procedural effect, no model call |
| Shaped colour blobs | Radial-filled ellipse clips, low opacity, blurred | More control over each blob's motion |
| Noise, fractal, particles, light leak, grid | One full-frame shape with the matching generator mode | Procedural and seedable |
| Drifting texture | An image clip with a kenBurns animation | Outside the video layer cap |
| Smoke, ink, or clouds | A generated video bed, looped | One video layer and a model call |
| Colour cycle | Any of the above plus a hueShift loop | An additional grade |
At most eight video layers composite at once, resolved from the lowest track
index. Text, shape and image clips are not counted, so a bed built from shapes
costs nothing in that budget. Nine overlapping video clips means the bottom one
silently does not draw, reported as layer_cap_exceeded.
A procedural bed
Add a full-frame shape and apply a generator effect to it. Modes are noise,
fractal, conicGradient, meshGradient, gradientField, particles,
lightLeak, and gridPattern. colorA and colorB set the two colours;
scale, amount, angle, time, and seed shape the field. For movement,
set animate: true, which samples the current timeline time into the effect.
Keep a fixed seed for repeatable frames. This clock keeps moving; it does not
make the procedural field wrap at the clip boundary. For a seamless loop, use
a wrapping clip animation or match the endpoints in a rendered loop.
{"op": "set_effects", "target": "Bed", "effects": [
{"type": "generator", "mode": "meshGradient", "enabled": true,
"colorA": "#10233c", "colorB": "#ec6b45", "scale": 6,
"amount": 0.6, "seed": 9, "animate": true}]}For a dark wash that bands, put a fixed-seed stylize dither after the
generator or gradient in the effect list. Dither breaks up 8-bit steps but
cannot restore precision lost in the source. color-motion covers this look.
A mesh from shapes
For individual moving blobs, stack radial fills over a base. Each ellipse is
its own clip on an overlay track, at 30–60% opacity, with a blur effect wide
enough that no edge reads:
{"op": "add_shape_clip", "shape": {"kind": "ellipse",
"x": 0.05, "y": 0.1, "width": 0.6, "height": 0.7,
"fillStyle": {"type": "radial", "stops": [
{"offset": 0, "color": "#5b8cff"}, {"offset": 1, "color": "#5b8cff00"}]}},
"durationMs": 12000}{"op": "set_effects", "target": "Ellipse", "effects": [{"type": "blur", "radius": 120}]}Then give each blob a different loop: float with amplitude 0.02–0.05,
breathe at intensity 0.03–0.08, and cycle lengths that do not divide each
other — 9000, 13000, 17000ms — so the composite never visibly repeats.
blendMode screen or add on a blob over a dark base builds light rather than
covering it; multiply or soft-light deepens instead. That choice matters more
than the fill colours.
Loops that actually loop
float, breathe, rotate and hueShift are built to wrap: they start and end
at the same value, so durationMs is a period and the seam is invisible. A
custom loop curve must do the same — the value at t: 1 has to equal the value
at t: 0 or the bed jumps every cycle.
kenBurns is the exception: it is a one-shot across the whole clip, holding at
its end, so it does not repeat and its durationMs is ignored. On a long bed a
drift from kenBurns finishes and then sits still. For continuous drift over a
long clip use float with a long period instead.
Periods that read as ambient: 8000–30000ms. Anything under about 5000ms reads as a screensaver, and text in front of it becomes hard to hold.
Show full SKILL.md (440 more words)Show less
Keep it behind
- Background sits on the highest track index, because the lowest draws on top. A bed that covers the picture is a track-order mistake, not an opacity one.
- Contrast: pull it down with a
coloreffect atsaturation0.5–0.7 andbrightnessslightly negative before touching opacity. A desaturated bed reads as depth; a faded one reads as a mistake. - Amplitude: nothing in the bed should travel more than about 3% of the frame, or the eye starts tracking it.
- Give the foreground a scrim if the bed's bright regions cross the type: a black
rectshape at 40–60% opacity on a track index between the bed and the text.validate_timelinereportstext_illegiblefor what it can measure, and says nothing about gradients — look at the frame.
A generated bed
For smoke, ink, or clouds that the procedural modes cannot draw, generate video.
Use find_model with text_to_video, then generate_video,
then add_media_clip with the returned asset:// reference. The find_model
result names a prompting_skill for the line it picked; load it, because each
line wants the prompt shaped differently. Whatever the line, prompt for slow,
even motion with no cuts and no subject; a bed with an event in it is a shot,
not a bed. On a line that writes native audio (Seedance 2, Veo 3, MiniMax H3,
Kling 2.6 and later) the bed arrives with a soundtrack: either brief it as room
tone and keep it, or mute the clip under the track you meant to use —
video-audio-continuity is the rule for which.
A generated clip does not loop. Cover a longer sequence by duplicating it and
crossfading the joins: overlap the copies by 800–1500ms on one track, which
dissolves with no call at all, or set_transition crossfade on the incoming
copy to pin the length.
Reduced motion, and knowing when to stop
A bed exists to sit under something. Before adding a second idea to it, check whether the first one is doing anything at all — a drift too slow to see is budget spent on nothing, and one too fast is the reason nobody read the headline. One idea, one amplitude, one period family.
Check it
preview_timeline_framewith arangeacross a full cycle andsheet: true, which is how you see whether a loop breathes evenly or lurches. Sampling three timecodes will not show a seam.- The same sweep with the foreground on, to confirm the type still reads at every point in the cycle rather than only where you happened to look.
render_timelineat a lowpreview_scalewhile iterating. A bed is judged over seconds, and a still cannot tell you whether it is calm.
© nodetool-ai, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in packages/system-skills/motion-background of nodetool-ai/nodetool.
Open the folder on GitHubat commit 339f069
Compare with similar skills
Motion Background next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Motion Background this skillnodetool-ai/nodetool | 560 | — | ~1.8k | Automated safety check: Pass | AGPL-3.0 | |
| Guizang Social Cardsop7418/guizang-social-card-skill | 7.4k | 1 repos | ~7.8k | Automated safety check: Pass | AGPL-3.0 | |
| Weekly Changelog Videoheygen-com/hyperframes | 60k | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | |
| Anthropic Brand Stylinganthropics/skills | 180k | 30 repos | ~559 | Automated safety check: Pass | Apache-2.0 | |
| MoneyPrinterTurbo Video Generatorharry0703/MoneyPrinterTurbo | 129k | — | ~2.1k | Automated safety check: Warn | MIT | |
| HyperFrames Media Useheygen-com/hyperframes | 60k | — | ~2.4k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Weekly Changelog Video
heygen-com/hyperframes
Turns a weekly changelog markdown file into a branded HyperFrames video with voiceover, animated mock-UI scenes and captions, using fonts, background and scripts bundled in the skill.
- Official
Anthropic Brand Styling
anthropics/skills
Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.
MoneyPrinterTurbo Video Generator
harry0703/MoneyPrinterTurbo
Installs and runs MoneyPrinterTurbo to turn a topic or script into a finished short video with voice-over, subtitles, stock footage and music.
HyperFrames Media Use
heygen-com/hyperframes
Finds, generates and edits media for HyperFrames video projects: music, sound effects, images, icons, logos, voiceovers, captions and color grades.
Holo Card Studio
EverettFish/holo-card-studio
Create collectible holographic foil cards and two-image lenticular flip cards with AI-generated full-color ukiyo-e and colored sumi-e anime artwork, layered Blender scenes, renders, GLB export, and…
More from nodetool-ai/nodetool
All 127 skills in this repoBeat Sync Editing
nodetool-ai/nodetool
Cut a NodeTool timeline to music and shape its pacing — detect the beat grid, place cuts on phrases, pick a cut type, build speed ramps with time remap, and give the piece an arc.
Caption Titles
nodetool-ai/nodetool
Add and animate a consistent text layer on an existing NodeTool timeline.
Color Motion
nodetool-ai/nodetool
Choose and animate colour on a NodeTool timeline, including shape and text gradients, colour grades, 3D LUTs, and dither.
Commercial Beat Sheet
nodetool-ai/nodetool
Write a shootable, precisely timed commercial beat sheet and store it as a NodeTool storyboard, with a consistent entity roster behind every shot.
Elevenlabs Audio Prompting
nodetool-ai/nodetool
Direct ElevenLabs speech, dialogue, sound effects and music — the bracketed audio tags v3 acts on and why the voice decides whether a tag lands, stability as the delivery dial, punctuation instead…
Frame Composition
nodetool-ai/nodetool
Stage the frame on a NodeTool timeline — grids, focal placement, safe areas per aspect ratio, depth layers and parallax, camera moves, and where elements enter and leave.
Related
Categories
Questions about Motion Background
What does Motion Background do?
Build an ambient backdrop on a NodeTool timeline using shape gradients, procedural generator effects, slow loops, or generated video. Motion Background is an agent skill from nodetool-ai/nodetool. Build an ambient backdrop on a NodeTool timeline using shape gradients, procedural generator effects, slow loops, or generated video.
When should I use Motion Background?
Motion Background fits situations like: lower-third plates; quiet loops behind a subject.
How do I install Motion Background in Claude Code?
Run `npx skills add nodetool-ai/nodetool --skill motion-background -a claude-code`. Or copy the skill folder (packages/system-skills/motion-background in nodetool-ai/nodetool) into .claude/skills/motion-background in your project. Claude Code loads it when a task matches its description.
How do I install Motion Background in Codex?
Run `npx skills add nodetool-ai/nodetool --skill motion-background -a codex`. Or copy the skill folder (packages/system-skills/motion-background in nodetool-ai/nodetool) into .agents/skills/motion-background in your project. Codex loads it when a task matches its description.
Can I use Motion Background in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add nodetool-ai/nodetool --skill motion-background -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/motion-background, .gemini/skills/motion-background, .github/skills/motion-background and .opencode/skills/motion-background in your project.
What does Motion Background need to run?
SKILL.md names no scripts, command-line tools or credentials: Motion Background is instructions for the agent only.
Does Motion Background access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Motion Background safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Motion Background use?
Motion Background is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Motion Background use?
About 1.8k tokens (SKILL.md is roughly 7.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Motion Background?
Skills that share tags, products or a category with Motion Background: Guizang Social Cards (op7418/guizang-social-card-skill, 7.4k stars), Weekly Changelog Video (heygen-com/hyperframes, 60k stars), Anthropic Brand Styling (anthropics/skills, 180k stars) and MoneyPrinterTurbo Video Generator (harry0703/MoneyPrinterTurbo, 129k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Motion Background?
nodetool-ai (a GitHub organization) maintains it in nodetool-ai/nodetool, which has 560 GitHub stars. The repository holds 127 skills in this directory. The repository was last updated on October 10, 2026.
Source: nodetool-ai/nodetool on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.