social-media-design
CommunityShip platform-correct social creatives fast.
Design & Creative#mobile-first#tailwind css#aspect ratio#safe zones#creative templates#social media design#export specs
Authorandersoncollab
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It prevents social posts from being auto-cropped, unreadable on mobile, or rejected by platform constraints by providing exact dimensions, safe zones, and production-ready templates for each network.
Core Features & Use Cases
- Platform specifications: Delivers dimension-accurate layouts for Instagram, Facebook, LinkedIn, TikTok, X/Twitter, Pinterest, and YouTube, including aspect ratios, safe zones, and max text guidance.
- Production templates: Provides Tailwind CSS responsive preview templates so designers can validate look-and-feel before exporting.
- Mobile-first rules & pitfalls: Encodes practical guidance like text-to-image ratio targets, CTA placement, and common failure modes (wrong aspect ratio, unsafe logo placement, too-small typography).
Quick Start
Generate platform-specific specs and a Tailwind-based preview for the prompt: “Design an Instagram story and LinkedIn carousel for our product launch, using safe zones and text limits so everything stays readable after platform cropping.”
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: social-media-design Download link: https://github.com/andersoncollab/design-agent/archive/main.zip#social-media-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.