Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

Full size
Run 1Device canvas launch“A device launch for our planner: turning phones, a laptop of our tools, our 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 Opus 5.51 real run, 9 Nov
Needs
Node 22+Chromeffmpeg
Licence
Recaply licence

Device Canvas Launch

The product on every device: turning phones, a laptop filling with tools, the main screen, the ask.

$9.99once, yours to keep

Every premium skill and prompt, one plan$19.99 a month. Cancel any time. What you get when you buy

Payments are non-refundable. See our Terms of service.

Makes a 15 to 20 s launch film (MP4) from a set recipe. Clean devices on a dark stage, each one showing the product the way it will be used, like a hardware keynote. 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 apps that run on phone and desktop, suites and platforms, cross-device launches.

By RecaplyUpdated 11 Nov

Install Device Canvas Launch

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

Read https://recaply.co/skills/device-showcase-film/install.md and follow it to install the device-showcase-film skill from device-showcase-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 Device Canvas Launch is for

What you get

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

Good fit

  • When apps that run on phone and desktop, suites and platforms, cross-device launches

Not for

  • Filmed footage or people on camera
  • Long explainer videos

About this skill

You say

A device launch for our planner: turning phones, a laptop of our tools, our screenshot.

It said back

I've made the launch film: launch-film/tidewater-devices.mp4. It's 16 s long, 1920×1080 (16:9) at 30 fps, and 1.3 MB. It has no sound.

It uses the keynote look (black stage, white type), with the accent colour set to your logo's green (#1F6F5C). Scenes fade into each other:

Show more

What it did in run 1

  1. device-showcase-film
  2. find . -not -path './.claude/*' -not -name '.claude' | head -50; node .claude/skills/device-showcase-film/scripts/check.mjs
  3. ./phone.png
  4. ./shot.png
  5. ./sheet.png
  6. ./logo.svg
  7. node .claude/skills/device-showcase-film/scripts/film.mjs --scenes 2>&1 | grep -A12 -E '^\*?\*?`?(shot|end|turning-phones|laptop-grid)' | head -80
  8. node .claude/skills/device-showcase-film/scripts/film.mjs --scenes
  9. ./launch-film/film.json
  10. cd ./launch-film && node ../.claude/skills/device-showcase-film/scripts/film.mjs film.json --check
  11. ./launch-film/film-check.png
  12. ./launch-film/film.json
  13. node ../.claude/skills/device-showcase-film/scripts/film.mjs film.json --check
  14. ./launch-film/film-check.png
  15. ./launch-film/film.json
  16. node ../.claude/skills/device-showcase-film/scripts/film.mjs film.json --check
  17. ./launch-film/film-check.png
  18. node ../.claude/skills/device-showcase-film/scripts/film.mjs film.json && ffprobe -v error -show_entries format=duration,size:stream=width,height -of default=nw=1 tidewater-devices.mp4
  19. Done

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

Questions

Is Device Canvas Launch free?

No. Device Canvas 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 Device Canvas Launch?

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

What do I get when I buy Device Canvas Launch?

A ZIP of the whole skill folder (59 KB): the SKILL.md your agent follows and its 11 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 Device Canvas 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 ./device-showcase-film with your agent's flag.

What do I get from Device Canvas Launch?

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

What does Device Canvas Launch need?

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

How big is Device Canvas Launch?

12 files, about 40,338 tokens in all. The SKILL.md is about 2,029 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 2 min 2 s to 2 min 2 s and $0.50 to $0.50 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 Device Canvas Launch to use it?

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