Skip to content

DirectorySkills

Run 1Glow click to site“Click the orb to open "Pagecraft", then swing in a bakery website. About us: Site builder Pagecraft; a website screenshot.”
Runs in
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • GitHub Copilot
  • OpenCode
Generates with
Your agent's model
Tested with
Claude Code 2.1.322Claude Sonnet 5.51 real run, 10 Nov
Needs
Node 22+Chromeffmpeg
Licence
Recaply licence

Glow Click to Site

A pointer with a light trail clicks a glowing orb, the title opens from its centre, then a website swings in and settles flat.

$9.99once, yours to keep

Makes a short launch-film scene as an MP4 clip: a pointer with a light trail clicks a glowing orb, the title opens from its centre, then a website swings in and settles flat. It shows the person's own product, words, screenshots or pictures in real type and smooth motion (about 10 s), works alone as a social clip or as one scene in a longer launch film, at 16:9, 9:16, 1:1 or 4:5. Renders locally with Chrome and ffmpeg; no video model, no key and no cost. Use when a website builder, studio or agency reveals a site with one click, or when someone asks for a "glow click to site" animation, motion graphic or product clip.

By RecaplyUpdated 11 Nov

Install Glow Click to Site

After the download, ask your agent to add it, or run the line yourself.

Read https://recaply.co/skills/glow-click-site-reveal/install.md and follow it to install the glow-click-site-reveal skill from glow-click-site-reveal.zip.

Paste it into your agent. It reads our install steps, finds the ZIP you downloaded and adds the skill for you.

New to skills? How to install a skill

Similar skills

All 735 skills

Who Glow Click to Site is for

What you get

  • An MP4 scene of about 10 s at 16:9, 9:16, 1:1 or 4:5
  • Your product's words, screenshots and logo in real type
  • Works alone or as one scene in a longer film

Good fit

  • When a website builder, studio or agency reveals a site with one click

Not for

  • A whole launch film in one go (use a launch film)
  • Filmed footage or people on camera

About this skill

You say

Click the orb to open "Pagecraft", then swing in a bakery website. About us: Site builder Pagecraft; a website screenshot.

It said back

The clip is rendered, but the website that swings in is not a bakery. The only website screenshot in the folder, screen.png, is a page titled "How a heat pump warms your house." I found nothing bakery-related in your files, so I used it as the screenshot rather than invent a stand-in. The other images are abstract art (a sunset, for one), a phone screen and a sketch.

If you send a bakery site screenshot, I'll re-render with it. Only the image line in film.json changes.

Show more

What it did in run 1

  1. glow-click-site-reveal
  2. cd .; ls -la; find . -not -path './.claude/*' -type f | head -30; node .claude/skills/glow-click-site-reveal/scripts/check.mjs
  3. ./screen.png
  4. ./logo.svg
  5. cd .; mkdir -p /tmp/m && ffmpeg -loglevel error -y -i photo-1.png -i photo-5.png -i sketch-6.png -i phone.png -filter_complex "[0]scale=400:-1[a];[1]scale=400:-1[b];[2]scale=400:-1[c];[3]scale=-1:400[d];[a][b][c][d]hstack=inputs=4" /tmp/m/c.png; echo ok
  6. /tmp/m/c.png
  7. ./photo-1.png
  8. cd .; cat > film.json <<'E' { "look": "studio", "size": "16:9", "name": "Pagecraft", "logo": "logo.svg", "accent": "#2E8B57", "out": "pagecraft-reveal.mp4", "scenes": [ { "scene": "orb", "mode": "click", "title": "Pagecraft" }, { "scene": "device", "mode": "plane", "image": "screen.png" } ] } E S=.claude/skills/glow-click-site-reveal/scripts/film.mjs node $S film.json --check 2>&1 | tail -15 && node $S film.json 2>&1 | tail -5; ffprobe -v error -show_entries format=duration,size -of csv=p=0 pagecraft-reveal.mp4
  9. ./film.json
  10. cd .; node .claude/skills/glow-click-site-reveal/scripts/film.mjs film.json --check 2>&1 | tail -15
  11. ./film-check.png
  12. cd .; node .claude/skills/glow-click-site-reveal/scripts/film.mjs film.json 2>&1 | tail -5; ffprobe -v error -show_entries format=duration,size -of csv=p=0 pagecraft-reveal.mp4
  13. Done

10 Nov 2026 · Claude Code 2.1.322 with Claude Sonnet 5.5 · 55 s · $0.14 of API use

Questions

Is Glow Click to Site free?

No. Glow Click to Site costs $9.99 once and stays in your Recaply account, or it comes with the Recaply plan ($19.99 a month), which opens every premium skill and prompt.

Which agents can use Glow Click to Site?

Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

What do I get when I buy Glow Click to Site?

A ZIP of the whole skill folder (69 KB): the SKILL.md your agent follows and its 12 other files, the references, templates and scripts it uses. You download it from this page whenever you need it, and install it in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. The Recaply plan opens it too, with every other premium skill and prompt.

How do I install Glow Click to Site?

Buy it, then download the ZIP from this page. For Claude Code, unzip it into .claude/skills/ in your project. For Codex, Cursor and Gemini CLI, unzip it and run npx skills add ./glow-click-site-reveal with your agent's flag.

What do I get from Glow Click to Site?

An MP4 scene of about 10 s at 16:9, 9:16, 1:1 or 4:5. Your product's words, screenshots and logo in real type. Works alone or as one scene in a longer film.

What does Glow Click to Site need?

Node 22+, Chrome and ffmpeg, and no API key. Each use costs nothing beyond your agent.

How big is Glow Click to Site?

13 files, about 49,304 tokens in all. The SKILL.md is about 2,469 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 55 s to 55 s and $0.14 to $0.14 of API use each, in Claude Code with claude-sonnet-5-5. On a Claude plan, a run counts toward your usage instead.

Do I have to name Glow Click to Site to use it?

Type /glow-click-site-reveal first to make sure it loads. Without it, Claude Code may judge a small job simple enough to do without the skill.