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",
SKILL.mdskills/create-previews/SKILL.md
GitHub/socialforge:create-previews — Preview Generator
Generate a preview card per platform (post copy, image, platform badge) to check copy, line breaks and crop before publishing. The card is one built-in layout with the platform named; it is not a replica of the platform's feed.
Execution gate
Rendering writes preview images under production/previews/. State the scope (posts x platforms, destination) and proceed only on an explicit yes; any other reply cancels with nothing written.
Process
- For each post × each platform:
- Load the generated/composed image
- Load the adapted copy
- Use the built-in card (or
assets/preview-templates/<platform>.htmlif you supplied one; none ship) - Inject: brand name and handle, platform badge, image and the post copy (hashtags included in the copy passed in)
- Render via Playwright → PNG preview
- Save to
production/previews/post-{id}-{platform}-preview.png
Layouts
One built-in card serves every platform. To get a platform-specific layout, put <platform>.html in assets/preview-templates/ using the placeholders {{name}}, {{handle}}, {{platform}}, {{image_uri}} and {{copy}}. No templates ship.
Timeout & Fallback
- Per preview: 10-second timeout. If Playwright hangs, save raw image + copy as fallback.