Is this library compatible with non-Next.js projects?

Yes, while the guide uses Next.js paths, the code is pure TypeScript with no external dependencies and works in any JS/TS environment including Vite or Node.js.

Which platforms are included in the library?

It covers Instagram, YouTube, TikTok, X (Twitter), LinkedIn, Facebook, and Pinterest with specific presets for posts, stories, reels, headers, and pins.

What are 'safe zones' in this context?

Safe zones define pixel offsets from edges where platform UI (like action buttons or captions) might overlap content, helping you ensure text and logos remain visible.

Does it include video file size limits?

Yes, the library includes maxFileSize properties in bytes and accepted MIME types for platforms like TikTok and Instagram Reels.

How do I access the dimensions for a specific platform?

You can use the provided getPlatform helper function or import the PLATFORMS object to access height, width, and aspect ratio directly.

Social Media Platform Specs

Name: Social Media Platform Specs
Author: mattwoodco

bymattwoodco

•

Social Media Management

Provides a typed TypeScript library of up-to-date image/video dimensions, safe zones, and file limits for major social platforms.

This skill injects a robust, zero-dependency TypeScript library into your project containing precise technical specifications for over 12 major social media platforms, including Instagram, TikTok, and YouTube. It is particularly useful for developers building content creation tools, image editors, or automated posting systems where knowing exact pixel dimensions, 'safe zones' (to avoid UI overlap), and file size constraints is critical for ensuring visual consistency across different social feeds.

Key Features

01Zero-dependency implementation compatible with any Next.js or React environment.

023 GitHub stars

03Pre-defined safe zones to prevent UI chrome from obscuring critical content.

04Built-in helper functions for aspect ratio calculations and platform grouping.

05Strictly typed TypeScript interfaces for IDE autocomplete and type safety.

06Comprehensive data for 12+ platforms including Reels, Shorts, and Pins.

Use Cases

01Building a custom image cropper or editor with social media presets.

02Calculating dynamic canvas or video player dimensions based on target platform.

03Validating user-uploaded media against platform-specific size and format limits.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mattwoodco/skills platform-specs

For use in Claude.ai and ChatGPT

Download Skill