vertical-video-design

Installation

SKILL.md

Vertical Video Design

Rules for designing vertical video that survives mobile platform chrome, auto-play muted, and small-screen compression.

Core principle

The middle 70% is yours. The outer 30% belongs to the platform. Every vertical platform overlays its own UI on your video - captions, like/share buttons, handle + description, progress bar. If your content lives in that zone, it gets covered.

When to use

Invoke this skill when:

Designing any 9:16, 4:5, or 1:1 video for TikTok, Instagram Reels, YouTube Shorts, LinkedIn, Facebook Reels
Deciding where to place captions, headers, CTAs, or branding
Building Remotion compositions for vertical output
Choosing aspect ratio for a new video project
Reviewing why a video "looks cut off on mobile" or "the caption covers my face"

Quick reference

Related skills

More from portel-dev/skills

photon
Build, test, validate, and improve Photon MCPs — single-file TypeScript MCP servers. Use for creating photons with @format annotations (table, chart:bar, slides), stateful photons using this.memory for persistent storage, photons with @readOnly/@destructive annotations, custom UI using @ui tags/HTML templates, photons wrapping APIs (Stripe, payments), task scheduler photons with cron, user-configurable settings (protected settings), this.render() for live output, photon build for standalone binaries, mermaid diagrams for photon architecture, editing .photon.ts files, @auth for MCP OAuth identity (this.caller), identity-aware locks for multiplayer/turn-based photons, @format slides for Marp-style presentations. Also use for validating photon UIs (promise checking, visual QA, functional testing), improving photon quality via autoloop, and auditing whether a UI consumes all backend methods. DO NOT trigger for general TypeScript or non-photon MCP.
14

Installs

2

Repository

portel-dev/skills

GitHub Stars

1

First Seen

Apr 16, 2026

Security Audits

Gen Agent Trust HubPass