Skip to content

DirectorySkills

Run 1Swatch book launch“A swatch-book style launch for our five new app themes (Tide #1F6F5C, Sun #F2B134, Signal #E3311D, Dusk #5B4E8C, Night #2B2B2B) with our photos.”
Runs in
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • GitHub Copilot
  • OpenCode
Generates with
Your agent's model
Tested with
Claude Code 2.1.322Claude Opus 5.51 real run, 9 Nov
Needs
Node 22+Chromeffmpeg
Licence
Recaply licence

Swatch Book Launch

A warm, tactile launch built like a swatch book: a headline, the colour range, one look across photos, a moodboard, the ask.

$9.99once, yours to keep

Makes a 18 to 24 s launch film (MP4) from a set recipe. Linen paper with a woven grain, a soft serif and colour chips that drop in like fabric samples. The recipe sets the scene order, pacing, look and sizes; the person's words, screenshots and logo fill it. Renders locally with Chrome and ffmpeg: no video model, no key and no cost. Use when someone wants a product range in new colours or materials, a fashion or home collection, a paint or textile launch, a brand refresh with warmth.

By RecaplyUpdated 11 Nov

Install Swatch Book Launch

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

Read https://recaply.co/skills/swatch-book-launch-film/install.md and follow it to install the swatch-book-launch-film skill from swatch-book-launch-film.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 Swatch Book Launch is for

What you get

  • An MP4 at 16:9, 4:5
  • 18 to 24 s, in 5 planned scenes
  • A still of every scene, checked before it renders

Good fit

  • When a product range in new colours or materials, a fashion or home collection, a paint or textile launch, a brand refresh with warmth

Not for

  • Filmed footage or people on camera
  • Long explainer videos

About this skill

You say

A swatch-book style launch for our five new app themes (Tide #1F6F5C, Sun #F2B134, Signal #E3311D, Dusk #5B4E8C, Night #2B2B2B) with our photos.

It said back

I made two versions of the theme launch film. Both are 19.5 seconds long and have no sound.

  • 16:9 (1920×1080), for YouTube, websites, X and LinkedIn: launch-film/tidewater-themes-16x9.mp4
  • 4:5 (1080×1350), for Instagram and LinkedIn feeds: launch-film/tidewater-themes-4x5.mp4
Show more

What it did in run 1

  1. swatch-book-launch-film
  2. find . -path ./.claude -prune -o -type f -print | head -50; node .claude/skills/swatch-book-launch-film/scripts/check.mjs
  3. cat logo.svg | head -20; mkdir -p /tmp/sbk && ffmpeg -loglevel error -y $(for f in photos/*.jpg; do echo -i $f; done) -filter_complex "$(for i in 0 1 2 3 4 5 6 7; do printf "[$i]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v$i];"; done)[v0][v1][v2][v3][v4][v5][v6][v7]xstack=inputs=8:layout=0_0|320_0|640_0|960_0|0_240|320_240|640_240|960_240" /tmp/sbk/contact.png
  4. head -c 1500 logo.svg; echo; mkdir -p /tmp/sbk && ffmpeg -loglevel error -y -i photos/1-sea.jpg -i photos/2-peaks.jpg -i photos/3-forest.jpg -i photos/4-city.jpg -i photos/5-dunes.jpg -i photos/6-bottle.jpg -i photos/7-chair.jpg -i photos/8-plant.jpg -filter_complex "[0]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v0];[1]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v1];[2]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v2];[3]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v3];[4]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v4];[5]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v5];[6]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v6];[7]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v7];[v0][v1][v2][v3][v4][v5][v6][v7]xstack=inputs=8:layout=0_0|320_0|640_0|960_0|0_240|320_240|640_240|960_240" /tmp/sbk/contact.png
  5. ./shot.png
  6. ./phone.png
  7. head -c 1500 logo.svg; echo; mkdir -p launch-film && ffmpeg -loglevel error -y -i photos/1-sea.jpg -i photos/2-peaks.jpg -i photos/3-forest.jpg -i photos/4-city.jpg -i photos/5-dunes.jpg -i photos/6-bottle.jpg -i photos/7-chair.jpg -i photos/8-plant.jpg -filter_complex "[0]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v0];[1]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v1];[2]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v2];[3]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v3];[4]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v4];[5]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v5];[6]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v6];[7]scale=320:240:force_original_aspect_ratio=increase,crop=320:240[v7];[v0][v1][v2][v3][v4][v5][v6][v7]xstack=inputs=8:layout=0_0|320_0|640_0|960_0|0_240|320_240|640_240|960_240" launch-film/contact.png
  8. ./launch-film/contact.png
  9. node .claude/skills/swatch-book-launch-film/scripts/film.mjs --scenes 2>&1 | grep -A12 -E "^\*?\*?\`?end"
  10. node .claude/skills/swatch-book-launch-film/scripts/film.mjs --scenes
  11. ./launch-film/film.json
  12. cd ./launch-film && node ../.claude/skills/swatch-book-launch-film/scripts/film.mjs film.json --check
  13. ./launch-film/film-check.png
  14. node ../.claude/skills/swatch-book-launch-film/scripts/film.mjs film.json && sed -e 's/"size": "16:9"/"size": "4:5"/' -e 's/themes-16x9/themes-4x5/' film.json > film-4x5.json && node ../.claude/skills/swatch-book-launch-film/scripts/film.mjs film-4x5.json --check
  15. node ../.claude/skills/swatch-book-launch-film/scripts/film.mjs film.json
  16. ./launch-film/film-4x5.json
  17. node ../.claude/skills/swatch-book-launch-film/scripts/film.mjs film-4x5.json --check
  18. ./launch-film/film-check.png
  19. ./launch-film/film-4x5.json
  20. node ../.claude/skills/swatch-book-launch-film/scripts/film.mjs film-4x5.json --check
  21. ./launch-film/film-check.png
  22. node ../.claude/skills/swatch-book-launch-film/scripts/film.mjs film-4x5.json
  23. Done

9 Nov 2026 · Claude Code 2.1.322 with Claude Opus 5.5 · 2 min 48 s · $0.55 of API use

Questions

Is Swatch Book Launch free?

No. Swatch Book Launch 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 Swatch Book Launch?

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

What do I get when I buy Swatch Book Launch?

A ZIP of the whole skill folder (79 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 Swatch Book Launch?

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 ./swatch-book-launch-film with your agent's flag.

What do I get from Swatch Book Launch?

An MP4 at 16:9, 4:5. 18 to 24 s, in 5 planned scenes. A still of every scene, checked before it renders.

What does Swatch Book Launch need?

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

How big is Swatch Book Launch?

13 files, about 57,440 tokens in all. The SKILL.md is about 2,347 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 2 min 48 s to 2 min 48 s and $0.55 to $0.55 of API use each, in Claude Code with claude-opus-5-5. On a Claude plan, a run counts toward your usage instead.

Do I have to name Swatch Book Launch to use it?

Type /swatch-book-launch-film first to make sure it loads. Without it, Claude Code may judge a small job simple enough to do without the skill.