Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

Full size
Run 1Corner radius dragged round“Drag a card's corner radius to 64 px.”
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

Corner Radius Dragged Round

A pointer drags a corner handle and the shape's corners round off as the value counts up.

$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.

A design-tool canvas: the pointer grabs a corner handle and drags, the shape's corners round off and the inspector value counts up. 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 design tool, component library or no-code builder shows direct, precise editing.

By RecaplyUpdated 11 Nov

Install Corner Radius Dragged Round

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

Read https://recaply.co/skills/corner-radius-drag-scene/install.md and follow it to install the corner-radius-drag-scene skill from corner-radius-drag-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 Corner Radius Dragged Round is for

What you get

  • An MP4 scene at 16:9, 9:16, 1:1 or 4:5
  • A design-tool canvas: the pointer grabs a corner handle and drags, the shape's corners round off and the inspector value counts up
  • Works alone or as one scene in a longer film

Good fit

  • When a design tool, component library or no-code builder shows direct, precise editing

Not for

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

About this skill

You say

Drag a card's corner radius to 64 px.

It said back

I rendered the clip: a pointer drags a card's corner handle until the corners round off and the inspector settles on 64 px. I checked the settled frame. The "Card" label and the "Corner radius" / "64 px" readout are all readable, and the check reported no layout problems. I didn't play the full video.

  • Video: launch-scene/corner-radius-drag.mp4
  • Length and size: 4.9 s, 1920×1080 (16:9), 30 fps, 152 KB
  • Look: swiss (red accent on a light grid)
  • From you: the 64 px end radius and the word "Card". Nothing else is on screen. No brand name, logo or URL appears, since you didn't give any.
Show more

What it did in run 1

  1. corner-radius-drag-scene
  2. S=.claude/skills/corner-radius-drag-scene/scripts; mkdir -p launch-scene && cat > launch-scene/film.json <<'E' { "look": "swiss", "size": "16:9", "out": "corner-radius-drag.mp4", "scenes": [ { "scene": "design-handles", "mode": "radius", "value": 64, "text": "Card", "field": "Corner radius" } ] } E node $S/check.mjs && node $S/film.mjs launch-scene/film.json --check
  3. node .claude/skills/corner-radius-drag-scene/scripts/film.mjs launch-scene/film.json --check
  4. ./launch-scene/film.json
  5. node .claude/skills/corner-radius-drag-scene/scripts/film.mjs launch-scene/film.json --check
  6. ./launch-scene/film-check.png
  7. node .claude/skills/corner-radius-drag-scene/scripts/film.mjs launch-scene/film.json && ls -l launch-scene
  8. Done

10 Nov 2026 · Claude Code 2.1.322 with Claude Sonnet 5.5 · 28 s · $0.08 of API use

Questions

Is Corner Radius Dragged Round free?

No. Corner Radius Dragged Round 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 Corner Radius Dragged Round?

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

What do I get when I buy Corner Radius Dragged Round?

A ZIP of the whole skill folder (71 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 Corner Radius Dragged Round?

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 ./corner-radius-drag-scene with your agent's flag.

What do I get from Corner Radius Dragged Round?

An MP4 scene at 16:9, 9:16, 1:1 or 4:5. A design-tool canvas: the pointer grabs a corner handle and drags, the shape's corners round off and the inspector value counts up. Works alone or as one scene in a longer film.

What does Corner Radius Dragged Round need?

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

How big is Corner Radius Dragged Round?

13 files, about 50,384 tokens in all. The SKILL.md is about 1,696 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 28 s to 28 s and $0.08 to $0.08 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 Corner Radius Dragged Round to use it?

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