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.
Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors.
Install Light Spotlight Render
$ npx skills add vibe-motion/skills --skill light-spotlight-render -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vibe-motion/skills light-spotlight-render --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/vibe-motion/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/light-spotlight-render .claude/skills/light-spotlight-render && 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 "light-spotlight-render" agent skill from https://github.com/vibe-motion/skills/tree/main/light-spotlight-render into .claude/skills/light-spotlight-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "light-spotlight-render", 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/vibe-motion/skills/tree/main/light-spotlight-renderType 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 vibe-motion/skills --skill light-spotlight-render -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vibe-motion/skills light-spotlight-render --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/light-spotlight-render .agents/skills/light-spotlight-render && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "light-spotlight-render" agent skill from https://github.com/vibe-motion/skills/tree/main/light-spotlight-render into .agents/skills/light-spotlight-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "light-spotlight-render", 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 vibe-motion/skills --skill light-spotlight-render -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vibe-motion/skills light-spotlight-render --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/light-spotlight-render .cursor/skills/light-spotlight-render && 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 "light-spotlight-render" agent skill from https://github.com/vibe-motion/skills/tree/main/light-spotlight-render into .cursor/skills/light-spotlight-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "light-spotlight-render", 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/vibe-motion/skills.git --path light-spotlight-render--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 vibe-motion/skills --skill light-spotlight-render -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vibe-motion/skills light-spotlight-render --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/light-spotlight-render .gemini/skills/light-spotlight-render && 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 "light-spotlight-render" agent skill from https://github.com/vibe-motion/skills/tree/main/light-spotlight-render into .gemini/skills/light-spotlight-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "light-spotlight-render", 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 vibe-motion/skills light-spotlight-renderInstalls 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 vibe-motion/skills --skill light-spotlight-render -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/light-spotlight-render .github/skills/light-spotlight-render && 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 "light-spotlight-render" agent skill from https://github.com/vibe-motion/skills/tree/main/light-spotlight-render into .github/skills/light-spotlight-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "light-spotlight-render", 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 vibe-motion/skills --skill light-spotlight-render -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vibe-motion/skills light-spotlight-render --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/light-spotlight-render .opencode/skills/light-spotlight-render && 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 "light-spotlight-render" agent skill from https://github.com/vibe-motion/skills/tree/main/light-spotlight-render into .opencode/skills/light-spotlight-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "light-spotlight-render", 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
light-spotlight-render- GitHub stars
- 1.3k
- Token cost
- ~572 tokens
- SKILL.md length
- 154 words
- Files
- 5 (incl. scripts, assets)
- Skills in repo
- 16
- Repo updated
- First seen
- Licence
- None found
At a glance
Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors.
- Works in 3 steps: Collect the animation parameters → Resolve the installed skill directory… → Return the final absolute HTML path…
- Users ask for 聚光灯扫字动画
- SKILL.md covers Workflow, Command, Installed Skill Resolution and Behavior, plus 1 more section
- Runs Python scripts from its folder; calls python3
What it does
Light Spotlight Render is an agent skill from vibe-motion/skills. Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors. Use when users ask for 聚光灯扫字动画, spotlight text reveal, light logo reveal, 发光文字揭示动画, or want a reusable HTML animation instead of a static image.
Its SKILL.md is about 570 tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including scripts and assets (for example `agents/openai.yaml` and `scripts/render_light_spotlight.py`).
It sits in Media & Creative. The repository describes itself as: agent skills for vibe motion.
When your agent uses it
- Users ask for 聚光灯扫字动画
- Spotlight text reveal
- Light logo reveal
- Want a reusable HTML animation instead of a static image
Example prompts
- “/light-spotlight-render”
Requirements
- Python 3
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- Collect the animation parameters
- Resolve the installed skill directory and run scripts/render_light_spotlight.py.
- Return the final absolute HTML path printed by the script.
What it can do on your machine
Read from SKILL.md and the folder at commit 4c86c0d. 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
Ships 1 file in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
python3
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
Light Spotlight Render loads about 572 tokens when it runs. Until then it costs about 73 tokens; SKILL.md has 154 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); the scripts in this folder are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 154 words (~572 tokens).
“Use the installed skill copy, not the source repo checkout:”
- name
- light-spotlight-render
Files
SKILL.md and 4 other files (scripts, assets) in light-spotlight-render of vibe-motion/skills.
- SKILL.md
- agents/openai.yaml
- assets/demo.gif
- assets/light_spotlight_template.html
- scripts/render_light_spotlight.py
Open the folder on GitHubat commit 4c86c0d
Compare with similar skills
Light Spotlight Render 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 |
|---|---|---|---|---|---|---|
| Light Spotlight Render this skillvibe-motion/skills | 1.3k | — | ~572 | Automated safety check: Pass | None | |
| 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 | 59k | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | |
| Anthropic Brand Stylinganthropics/skills | 180k | 30 repos | ~559 | Automated safety check: Pass | Apache-2.0 | |
| Native Subtitle Quote Imagechengyi-ai/native-subtitle-quote-image | 2.2k | 2 repos | ~1.8k | Automated safety check: Pass | MIT | |
| MoneyPrinterTurbo Video Generatorharry0703/MoneyPrinterTurbo | 129k | — | ~2.1k | Automated safety check: Warn | MIT |
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.
Native Subtitle Quote Image
chengyi-ai/native-subtitle-quote-image
将本地视频或用户有权处理的在线视频，经过来源获取、文字稿定位、选题选句、精确取帧、紧凑裁切、拼图和逐张质检，制作成 3:4 或保留画面原比例的视频字幕长图。支持两种明确分开的输出：保留画面内已烧录字幕的原生字幕模式，以及把已审核的时间点与台词绘制到真实视频帧上的脚本字幕模式。用户要求原生字幕截图、字幕帧拼图、YouTube…
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.
Brag Slim Launch Video Maker
latent-spaces/brag
Builds a short, shareable launch video with music and motion from a project directory or a website URL, using only tools already on the machine.
More from vibe-motion/skills
All 16 skills in this repoPixel2motion
vibe-motion/skills
Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold…
Brand Launch Video Star
vibe-motion/skills
Create fast, high-impact 15-30 second brand and product marketing videos from an official company website, verified brand sources, or user-uploaded product imagery.
3D Chladni Render
vibe-motion/skills
Clone or update https://github.com/nolangz/3D-Chladni and export deterministic 3D Chladni particle motion as MP4 or transparent ProRes MOV.
Colorize
vibe-motion/skills
Turn photos, videos, and Live Photos into a black-and-white to color reveal clip (单彩渐变 + 动感模糊 + 丁达尔旋焦).
Printed Curtain Render
vibe-motion/skills
Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands.
Threejs Earth Render
vibe-motion/skills
Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route animation with Puppeteer frame capture.
Related
Categories
Questions about Light Spotlight Render
What does Light Spotlight Render do?
Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors. Light Spotlight Render is an agent skill from vibe-motion/skills. Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors.
When should I use Light Spotlight Render?
Light Spotlight Render fits situations like: users ask for 聚光灯扫字动画; spotlight text reveal; light logo reveal; want a reusable HTML animation instead of a static image.
How do I install Light Spotlight Render in Claude Code?
Run `npx skills add vibe-motion/skills --skill light-spotlight-render -a claude-code`. Or copy the skill folder (light-spotlight-render in vibe-motion/skills) into .claude/skills/light-spotlight-render in your project. Claude Code loads it when a task matches its description.
How do I install Light Spotlight Render in Codex?
Run `npx skills add vibe-motion/skills --skill light-spotlight-render -a codex`. Or copy the skill folder (light-spotlight-render in vibe-motion/skills) into .agents/skills/light-spotlight-render in your project. Codex loads it when a task matches its description.
Can I use Light Spotlight Render 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 vibe-motion/skills --skill light-spotlight-render -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/light-spotlight-render, .gemini/skills/light-spotlight-render, .github/skills/light-spotlight-render and .opencode/skills/light-spotlight-render in your project.
What does Light Spotlight Render need to run?
Going by SKILL.md and its folder, Light Spotlight Render needs Python for the scripts in its folder and the command-line tools its instructions call (python3). Our summary lists: Python 3.
Does Light Spotlight Render 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 Light Spotlight Render 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Light Spotlight Render use?
No licence was found for Light Spotlight Render or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Light Spotlight Render use?
About 572 tokens (SKILL.md is roughly 2.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 Light Spotlight Render?
Skills that share tags, products or a category with Light Spotlight Render: Guizang Social Cards (op7418/guizang-social-card-skill, 7.4k stars), Weekly Changelog Video (heygen-com/hyperframes, 59k stars), Anthropic Brand Styling (anthropics/skills, 180k stars) and Native Subtitle Quote Image (chengyi-ai/native-subtitle-quote-image, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Light Spotlight Render?
vibe-motion (a GitHub organization) maintains it in vibe-motion/skills, which has 1,320 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on October 5, 2026.
Source: vibe-motion/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.