npx skills add vibe-motion/skills --skill light-spotlight-render
nolangz/skills · Archived
light-spotlight-render
Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors. Use when users ask for 聚?
Installation
npx skills add nolangz/skills --skill light-spotlight-render
Stronger alternatives
This repository is archived — consider an actively maintained alternative.
为 SVG 矢量图创建?
2 installsApply Disney's 12 principles as practical design and engineering rules for procedural animation…
1 installsClone or update https://github.com/sxhzju/wechat-2d and render the default WeChat-style 2D chat…
1 installsClone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth rout…
1 installsSimilar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, l…
735 installsUse when indexing app content for Spotlight search, using NSUserActivity for prediction/handoff…
173 installsAlso in this package
Other skills from nolangz/skills.
npx skills add nolangz/skills
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Also listed on
Alternate registries and mirrors of this skill.
Repository health
main
Package contents
Files included with this skill beyond the listing page.
-
skill md
SKILL.md2,315 B -
docs
SUMMARY.md328 B
History
- First seen on skills.sh
- First recorded snapshot · 1 installs
SKILL.md
Light Spotlight Render
Workflow
- Collect the animation parameters:
- labeltext - swingangledegrees - swingcycleseconds - lampscale - glowopacity - maskcolor - textcolor - backgroundcolor - videowidth - videoheight - optional output
- Resolve the installed skill directory and run
scripts/renderlightspotlight.py. - Return the final absolute HTML path printed by the script.
Command
python3 scripts/render_light_spotlight.py \
--label-text "vibe-motion" \
--output "out/light-spotlight-vibe-motion.html"
Installed Skill Resolution
Use the installed skill copy, not the source repo checkout:
skill_dir=""
for base in "${AGENTS_HOME:-$HOME/.agents}" "${CLAUDE_HOME:-$HOME/.claude}" "${CODEX_HOME:-$HOME/.codex}"; do
if [ -d "$base/skills/light-spotlight-render" ]; then
skill_dir="$base/skills/light-spotlight-render"
break
fi
done
[ -n "$skill_dir" ] || { echo "light-spotlight-render skill not found under ~/.agents, ~/.claude, or ~/.codex"; exit 1; }
python3 "$skill_dir/scripts/render_light_spotlight.py" \
--label-text "vibe-motion" \
--output "$(pwd)/out/light-spotlight-vibe-motion.html"
Behavior
- Read
assets/lightspotlighttemplate.html. - Replace template placeholders with sanitized parameter values.
- Keep the SVG spotlight animation self-contained in one HTML file.
- Default output name is derived from
label_text. - Preserve the top-vertex lamp scale pivot so the spotlight grows from the lamp tip rather than the swing axis.
- Allow
background_color=transparentfor transparent-background workflows.
Output
- Primary output: a standalone
.htmlanimation file. - Tell the user to open the HTML file in a browser to preview the animation.
- If the user wants video output after generating the HTML, suggest rendering it with another tool or browser capture flow rather than rewriting the skill.