skills.rest
chad3814
chad3814COMMUNITY
Explore all skills by this author →
WebsiteGitHub

Fixed Video Format (9:16)

Enforce a 1080x1920 9:16 canvas with percentage-based layouts using VIDEO_CONFIG constants.

Updated Jan 24, 2026
Search Tags:#layout#video#remotion#9:16#fixed-format#video-canvas
One-click install
npx skills add https://github.com/chad3814/cawpile-video-gen --skill fixed-video-format-9-16
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Fixed Video Format (9:16)
Source: https://github.com/chad3814/cawpile-video-gen/tree/main/.claude/skills/spekka-frontend-responsive
Command: npx skills add https://github.com/chad3814/cawpile-video-gen --skill fixed-video-format-9-16

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill ensures every video uses a fixed 1080x1920 canvas with consistent, percentage-based positioning to simplify vertical, platform-ready layouts.

Core Features & Use Cases

  • Fixed Dimensions: Enforces exactly 1080x1920 (9:16) across all compositions.
  • Percentage-Based Layouts: Position elements using percentages of VIDEO_CONFIG dimensions for maintainability.
  • TikTok/Instagram Ready: Layouts optimized for vertical viewing with safe zones.

Quick Start

Use the Fixed Video Format (9:16) to anchor all layout calculations to VIDEO_CONFIG.width and VIDEO_CONFIG.height, ensuring consistent output.

Frequently Asked Questions about Fixed Video Format (9:16)

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce a fixed 9:16 video layout for vertical compositions?▼

A fixed 9:16 video layout uses percentage-based positioning relative to a 1080x1920 canvas via VIDEO_CONFIG constants, ensuring consistent vertical dimensions across outputs.

What is the best way to position elements in a Remotion 9:16 video?▼

Positioning elements in a Remotion 9:16 video is best handled through percentage-based layouts calculated from fixed 1080x1920 VIDEO_CONFIG dimensions for maintainable placement.

Can I use this fixed video format skill for TikTok and Instagram outputs?▼

Yes, the fixed video format is optimized for TikTok and Instagram outputs by enforcing a vertical 9:16 aspect ratio with percentage-based layouts designed for platform-ready safe zones.

Does this skill require specific dependencies to maintain a 1080x1920 canvas?▼

No external dependencies are required to maintain a 1080x1920 canvas, as the skill relies on built-in VIDEO_CONFIG constants from src/lib/theme.ts to enforce exact 9:16 dimensions.

Why use percentage-based layouts for 9:16 video compositions?▼

Percentage-based layouts are used for 9:16 video compositions to simplify maintainability by calculating element placement relative to fixed VIDEO_CONFIG dimensions rather than hardcoded pixels.

Related Skills

Explore More Design & Creative Skills→
chad3814chad3814

Remotion Video Styling

Style Remotion video components with inline React styles from theme constants.

Community
Intermediate
iterationlayeriterationlayer
2

generate-social-media-book-promo

Generate 1080x1920 social-media book promo images with gradient backgrounds and author branding.

Official
Advanced
vigoliumvigolium
965

remotion-best-practices

Enforce rendering-safe animation and asset-loading practices in Remotion projects.

Official
Intermediate
rediumvexrediumvex
322

seedance-course-promo

Generate Seedance 2.0 prompts for educational promo videos with multi-asset inputs and platform-specific formats.

Community
Advanced