Skip to content

DirectorySkills

Run 1Binary grid resolves to the logo“Binary grid reveal of our logo with "Private by design".”
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

Binary Grid Resolves to the Logo

A grid of flickering ones and zeros settles into the logo.

$9.99once, yours to keep

A field of ones and zeros flickers across the screen, then clears around the logo and a tagline. A 4 to 10 second clip in 16:9, 9:16, 1:1 or 4:5, as an MP4 on its own or as one scene of a longer launch film. Renders locally with Chrome and ffmpeg: no video model, no key and no cost. Use when a security, data, infrastructure or developer product wants a technical logo reveal.

By RecaplyUpdated 11 Nov

Install Binary Grid Resolves to the Logo

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

Read https://recaply.co/skills/binary-grid-scene/install.md and follow it to install the binary-grid-scene skill from binary-grid-scene.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 Binary Grid Resolves to the Logo is for

What you get

  • An MP4 scene at 16:9, 9:16, 1:1 or 4:5
  • A field of ones and zeros flickers across the screen, then clears around the logo and a tagline
  • Works alone or as one scene in a longer film

Good fit

  • When a security, data, infrastructure or developer product wants a technical logo reveal

Not for

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

About this skill

You say

Binary grid reveal of our logo with "Private by design".

It said back

I rendered the clip, but your logo doesn't appear in it. The binary-grid scene only draws the name as text, so the end frame shows "Recaply" and "Private by design" with no logo mark.

  • File: launch-scene/binary-grid.mp4, 1920×1080 (16:9), 4.7 s, 1.6 MB, 30 fps.
  • Look: terminal, with the accent set to the green in your logo (#1F6F5C). The grid of ones and zeros flickers, drains away, and the name and tagline stay lit.
  • From your material: the name "Recaply" and the green from logo.svg. The name comes from your email domain, so tell me if the brand is spelled differently. I also set the URL recaply.co in film.json, but this scene doesn't show it.
  • Tagline: "Private by design", as you wrote it.
  • Layout check: it found no problems.
Show more

What it did in run 1

  1. binary-grid-scene
  2. ls -la && find . -maxdepth 2 \( -iname '*logo*' -o -iname '*.svg' -o -iname '*.png' \) -not -path './.claude/*' | head; node .claude/skills/binary-grid-scene/scripts/check.mjs
  3. cat logo.svg
  4. mkdir -p launch-scene && cp logo.svg launch-scene/ && cd launch-scene && cat > film.json <<'E' {"look":"terminal","size":"16:9","name":"Recaply","logo":"logo.svg","accent":"#1F6F5C","url":"recaply.co","out":"binary-grid.mp4", "scenes":[{"scene":"binary-grid","tagline":"Private by design"}]} E node ../.claude/skills/binary-grid-scene/scripts/film.mjs film.json --check
  5. ./launch-scene/film.json
  6. cd ./launch-scene && cp ../logo.svg . && node ../.claude/skills/binary-grid-scene/scripts/film.mjs film.json --check
  7. ./launch-scene/film-check.png
  8. node ../.claude/skills/binary-grid-scene/scripts/film.mjs --scenes | grep -i -A12 binary-grid; grep -n -i "logo" ../.claude/skills/binary-grid-scene/scripts/*.mjs | head -30
  9. cd ./.claude/skills/binary-grid-scene/scripts && grep -n "'binary-grid'" *.mjs | head -3; grep -n "wordOf =" *.mjs
  10. ./.claude/skills/binary-grid-scene/scripts/scenes-b-type.mjs
  11. cp scenes-b-type.mjs /tmp/scenes-b-type.mjs.bak && python3 - <<'E' p='scenes-b-type.mjs' s=open(p).read() s=s.replace('''<div class="wordmark bgw">${esc(wordOf(s, f))}</div>${tag(s, 2.9)}''','''<div class="wordmark bgw">${f.logo ? <img src="${f.logoURL}" alt="" style="height:.85em;vertical-align:-.1em;margin-right:.25em"> : ''}${esc(wordOf(s, f))}</div>${tag(s, 2.9)}''',1) open(p,'w').write(s) E cd ../../../../launch-scene && node ../.claude/skills/binary-grid-scene/scripts/film.mjs film.json --check
  12. ./.claude/skills/binary-grid-scene/scripts/scenes-b-type.mjs
  13. cd ./launch-scene && node ../.claude/skills/binary-grid-scene/scripts/film.mjs film.json --check
  14. node ../.claude/skills/binary-grid-scene/scripts/film.mjs film.json && ls -la binary-grid.mp4 && ffprobe -v error -show_entries format=duration -of csv=p=0 binary-grid.mp4
  15. Done

10 Nov 2026 · Claude Code 2.1.322 with Claude Sonnet 5.5 · 54 s · $0.16 of API use

Questions

Is Binary Grid Resolves to the Logo free?

No. Binary Grid Resolves to the Logo 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 Binary Grid Resolves to the Logo?

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

What do I get when I buy Binary Grid Resolves to the Logo?

A ZIP of the whole skill folder (63 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 Binary Grid Resolves to the Logo?

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 ./binary-grid-scene with your agent's flag.

What do I get from Binary Grid Resolves to the Logo?

An MP4 scene at 16:9, 9:16, 1:1 or 4:5. A field of ones and zeros flickers across the screen, then clears around the logo and a tagline. Works alone or as one scene in a longer film.

What does Binary Grid Resolves to the Logo need?

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

How big is Binary Grid Resolves to the Logo?

13 files, about 42,352 tokens in all. The SKILL.md is about 1,609 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 54 s to 54 s and $0.16 to $0.16 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 Binary Grid Resolves to the Logo to use it?

Type /binary-grid-scene first to make sure it loads. Without it, Claude Code may judge a small job simple enough to do without the skill.