copy-preview

Generate platform-specific preview cards for AI-generated copy.

3|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/mattwoodco/skills --skill copy-preview
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: copy-preview
Source: https://github.com/mattwoodco/skills/tree/main/v1-skills/copy-preview
Command: npx skills add https://github.com/mattwoodco/skills --skill copy-preview

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill allows users to visualize how their AI-generated copy will appear on different social media platforms and in emails, ensuring context and clarity before publishing.

Core Features & Use Cases

  • Platform Mockups: Generates realistic previews for Twitter/X, Instagram, LinkedIn, and email subject lines.
  • Contextualization: Helps users understand the tone, length, and formatting of their copy within specific platform constraints.
  • Use Case: After generating a tweet, use this skill to see how it looks with hashtags and mentions, or to preview an email subject line and its accompanying preview text.

Quick Start

Use the copy-preview skill to generate a tweet preview for the text "Excited to announce our new feature!".

Frequently Asked Questions about copy-preview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I preview AI-generated copy on different social media platforms?

To preview AI-generated copy on different social media platforms, this Skill generates platform-specific mockup cards that render your text within the unique UI and character limits of Twitter, Instagram, LinkedIn, and email subject lines. It uses React components to display realistic visual previews before publishing.

What is the best way to visualize how an email subject line and preview text will look?

The best way to visualize email subject lines and preview text is by rendering contextual mockups that reflect actual platform constraints. This Skill generates preview cards for email formats, allowing you to check tone, length, and formatting clarity before sending.

Can I use React components to generate mockups for Twitter and Instagram posts?

Yes, you can use React components to generate mockups for Twitter and Instagram posts. This Skill requires React components for each individual platform alongside a unified CopyPreview component to handle platform selection and rendering.

Does previewing social media copy with contextual mockups help with character limits?

Previewing social media copy with contextual mockups directly helps manage character limits by rendering text within each platform's specific constraints. It contextualizes the copy so you can see exactly how formatting, hashtags, and mentions fit within Twitter, Instagram, and LinkedIn boundaries.

What do I need to set up to render platform-specific copy preview cards?

To render platform-specific copy preview cards, you need to set up React components for each target platform and a unified CopyPreview component for selection. These components work together to generate the mockups that reflect the unique UI of Twitter, Instagram, LinkedIn, and email.