create-previewslisted

Generate platform-accurate mockup previews — the post as it will actually render on LinkedIn, Instagram, X, TikTok — before anything is published. Triggers on "/create-previews", "preview this post", "how will it look", "platform mockup", "show it on Instagram", "preview batch", or after creative and copy exist and stakeholders need to see the assembled post in context before approval.
teachskillofskills-ai/SocialForge-techshu · ★ 0 · Code & Development · score 74

Install: claude install-skill teachskillofskills-ai/SocialForge-techshu

# /socialforge:create-previews — Preview Generator Generate realistic platform mockups showing exactly how each post will appear when published. ## Process 1. For each post × each platform: - Load the generated/composed image - Load the adapted copy - Select platform preview template (assets/preview-templates/) - Inject: profile avatar, brand name, handle, image, copy, hashtags, timestamp - Render via Playwright → PNG preview 2. Save to `production/previews/post-{id}-{platform}-preview.png` ## Templates - linkedin-post.html | linkedin-carousel.html - instagram-feed.html | instagram-story.html - twitter-post.html | facebook-post.html - youtube-thumbnail.html ## Timeout & Fallback - Per preview: 10-second timeout. If Playwright hangs, save raw image + copy as fallback.