How does it handle element positioning?

It uses percentage-based calculations relative to VIDEO_CONFIG dimensions to maintain consistent layouts without the need for hardcoded pixel values.

Can I use this with Remotion projects?

Yes, it is specifically tailored for Remotion-based video compositions and helps Claude verify layouts within the Remotion Studio preview environment.

Does this skill support landscape video formats?

No, this skill is specifically designed to enforce a fixed 1080x1920 vertical format (9:16) optimized for mobile-first social platforms.

What are safe zones in this context?

Safe zones refer to the central 90% of the canvas where important content should reside to avoid being obscured by native platform UI like 'Like' buttons or captions.

9:16 Video Layout & Formatting

Name: 9:16 Video Layout & Formatting
Author: chad3814

bychad3814

0•

デザインツール

Automates the layout and positioning of video elements for vertical social media platforms using fixed 1080x1920 dimensions.

This skill streamlines the development of vertical video compositions by enforcing a strict 1080x1920 aspect ratio optimized for TikTok, Instagram Reels, and YouTube Shorts. It provides Claude Code with specific patterns for using central VIDEO_CONFIG constants and percentage-based positioning to ensure elements are perfectly placed on the canvas. By integrating safe-zone awareness and standardized dimension calculations, it eliminates manual layout errors and ensures cross-platform visual consistency in Remotion-based video projects.

主な機能

01Implements percentage-based positioning for maintainable layout logic

02Enforces strict 1080x1920 portrait dimensions for social media compatibility

03Provides safe-zone guidance to avoid platform UI overlays

04Integrates seamlessly with internal VIDEO_CONFIG theme constants

05Optimizes compositions for Remotion Studio preview testing

060 GitHub stars

ユースケース

01Developing automated TikTok or Instagram Reels video generators

02Positioning dynamic text and image overlays on vertical canvases

03Calculating aspect-ratio-safe dimensions for responsive visual assets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add chad3814/cawpile-video-gen spekka-frontend-responsive

For use in Claude.ai and ChatGPT

Download Skill