Generates realistic platform-specific mockup components for previewing AI-generated marketing copy in context.
The Copy Preview skill provides a set of high-fidelity React components designed to visualize social media and email copy exactly as it would appear on native platforms. Supporting Twitter/X, Instagram, LinkedIn, and email subject lines, it allows developers and marketers to instantly see how their AI-generated text fits within character limits, handles hashtags/mentions, and looks within standard UI layouts. It integrates seamlessly with Next.js and shadcn/ui, providing a unified component that handles platform-specific rendering logic automatically, making it ideal for building CMS tools, marketing dashboards, or AI writing assistants.
主な機能
01Smart text rendering for hashtags, @mentions, and URLs with platform-specific styling
02Multi-platform support for Twitter/X, Instagram, LinkedIn, and Email mockups
03Automatic character limit validation and visual counters for platform compliance
04Interactive expandable captions for long-form LinkedIn and Instagram posts
053 GitHub stars
06Unified <CopyPreview> component for easy implementation via a single platform prop
ユースケース
01Developing internal tools for brand teams to approve social copy before publication
02Building AI-powered social media scheduling tools that require real-time content previews
03Creating marketing dashboards where copywriters can test subject lines and post length
