# Create Previews

> 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.

- Skill: `indranilbanerjee/create-previews` (Agent Skill)
- Install (CLI): `npx skillmds@latest add indranilbanerjee/create-previews`
- Raw SKILL.md: https://api.skillmd.com/api/skills/indranilbanerjee/create-previews/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: indranilbanerjee (https://skillmd.com/u/indranilbanerjee)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/indranilbanerjee/create-previews

---


# /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.