Can I make my callouts responsive?

Absolutely. It includes patterns for scale-based and anchor-based positioning, allowing your annotations to stay in the correct relative position regardless of the output resolution.

Does it support vertical video for TikTok or Reels?

Yes, the skill includes specific coordinate presets and safe-zone guides for 1080x1920 (Portrait) and 1080x1080 (Square) formats.

How do I find the exact coordinates for an annotation?

The skill provides a Calibration Workflow where you enable a debug grid, take a still screenshot of your frame, and measure the pixel coordinates to apply directly to your components.

What is the Callout Positioning skill?

It is a specialized capability for Claude Code that helps developers accurately place and debug visual annotations like arrows, labels, and highlights within Remotion video compositions.

Remotion Callout Positioning

Name: Remotion Callout Positioning
Author: yonatangross

byyonatangross

•

Herramientas de Diseño

Calibrates and positions precise video annotations, arrows, and callouts within Remotion compositions using interactive debug grids.

Callout Positioning is a specialized developer skill for the OrchestKit (ork) plugin that streamlines the process of placing visual annotations in Remotion videos. It provides a robust coordinate-based framework for aligning pointers, brackets, and highlights across various aspect ratios, including YouTube landscape, TikTok portrait, and Instagram square formats. By integrating a visual debug grid and a step-by-step calibration workflow, it eliminates the guesswork and iterative rendering cycles typically associated with programmatic video editing, ensuring your callouts are pixel-perfect every time.

Características Principales

01Screenshot-based calibration workflow to measure and apply exact pixel coordinates from video frames.

02Interactive debug grids and pixel-perfect rulers for real-time coordinate tracking during development.

03Ready-to-use callout types including pointers, brackets, highlights, and numbered badges.

0469 GitHub stars

05Responsive positioning logic that automatically scales annotations across different export resolutions.

06Pre-configured coordinate systems for landscape (1920x1080), portrait (1080x1920), and square formats.

Casos de Uso

01Creating responsive overlays that adapt seamlessly between YouTube, TikTok, and Instagram formats.

02Debugging and fixing coordinate misalignment in complex, multi-layered Remotion compositions.

03Adding instructional arrows and text pointers to automated software demo videos.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yonatangross/orchestkit callout-positioning

For use in Claude.ai and ChatGPT

Download Skill