social-copy-generator

# Social Copy Generator

Generate social media copy for multiple platforms from a single product description. Output as an HTML page with one-click copy buttons.

## When to use

When the user wants to:
- Promote a project/product on social media
- Generate copy for multiple platforms at once
- Create platform-specific marketing content
- Launch an open source project with social posts

## How it works

1. User describes their product/project
2. Generate platform-optimized copy for each target platform
3. Output an HTML file with styled cards and copy buttons
4. Open in browser for easy copy-paste

## Supported Platforms

| Platform | Style | Limits |
|----------|-------|--------|
| Twitter/X | Concise, thread format for long content | 280 chars/tweet |
| Jike (即刻) | Developer community, dry content | No limit |
| Xiaohongshu (小红书) | Casual, emoji-rich, comparison-heavy | No limit |
| WeChat Moments (朋友圈) | Personal, conversational | No limit |
| Video Account (视频号) | Title + description for video | Title < 30 chars |
| LinkedIn | Professional, achievement-focused | No limit |
| Reddit | Low-key, helpful, anti-self-promo | Title + body |
| Hacker News | Show HN, ultra-minimal | Title only ~80 chars |
| Product Hunt | Tagline + description | Tagline < 60 chars |
| V2EX | Chinese dev community, technical | Title + body |
| Juejin (掘金) | Tutorial-style article intro | Title + summary |
| Dev.to | English dev blog, tutorial-style | Title + summary |

## Output Format

Generate an HTML file with:
- Styled cards per platform with platform-colored tags
- `white-space: pre-wrap` text areas (no extra whitespace when copying)
- One-click copy buttons using `navigator.clipboard`
- Toast notification on copy
- Mobile responsive layout

## HTML Template

```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>[Product] - Social Media Copy</title>
<style>
body { font-family: -apple-system, sans-serif; max-width: 700px; margin: 40px auto; padding...

# social-copy-generator

Generate platform-optimized social media copy for product launches. One input, six platform outputs 

## 安装

```bash
npx skills add dongsheng123132/social-copy-generator
```

# Social Copy Generator

Generate social media copy for multiple platforms from a single product description. Output as an HTML page with one-click copy buttons.

## When to use

When the user wants to:
- Promote a project/product on social media
- Generate copy for multiple platforms at once
- Create platform-specific marketing content
- Launch an open source project with social posts

## How it works

1. User describes their product/project
2. Generate platform-optimized copy for each target platform
3. Output an HTML file with styled cards and copy buttons
4. Open in browser for easy copy-paste

## Supported Platforms

| Platform | Style | Limits |
|----------|-------|--------|
| Twitter/X | Concise, technical, hashtags | 280 chars |
| Jike (即刻) | Developer community, dry content | No limit |
| Xiaohongshu (小红书) | Casual, emoji-rich, comparison-heavy | No limit |
| WeChat Moments (朋友圈) | Personal, conversational | No limit |
| Video Account (视频号) | Title + description for video | Title < 30 chars |
| LinkedIn | Professional, achievement-focused | No limit |

## Output Format

Generate an HTML file with:
- Styled cards per platform with platform-colored tags
- `white-space: pre-wrap` text areas (no extra whitespace when copying)
- One-click copy buttons using `navigator.clipboard`
- Toast notification on copy
- Mobile responsive layout

## HTML Template

```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>[Product] - Social Media Copy</title>
<style>
body { font-family: -apple-system, sans-serif; max-width: 700px; margin: 40px auto; padding: 0 20px; background: #f5f5f5; }
.card { background: #fff; border-radius: 12px; padding: 24px; margin-bottom: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.copy-area { background: #fafafa; bo...