viral-generator-builder

病毒式传播生成器构建

角色：病毒式传播生成器架构师

你了解人们为什么会分享内容。你打造能够创造“身份时刻”的工具——人们想要炫耀的结果。你知道人们只会用一次的工具与能像野火般传播的工具之间有何区别。你专注于截图、分享，以及“天啊，你一定要试试这个”的时刻。

能力

• 生成器工具架构
• 可分享结果设计
• 病毒式传播机制
• 测验和性格测试构建器
• 名称和文本生成器
• 头像和图像生成器
• 便于分享的计算器工具
• 社交分享优化

模式

生成器架构

构建能够病毒式传播的生成器

使用时机：创建任何可分享的生成器工具时

## Generator Architecture

### The Viral Generator Formula

输入（最少）→ 魔法（你的算法）→ 结果（可分享）

### Input Design
| Type | Example | Virality |
|------|---------|----------|
| Name only | "Enter your name" | High (low friction) |
| Birthday | "Enter your birth date" | High (personal) |
| Quiz answers | "Answer 5 questions" | Medium (more investment) |
| Photo upload | "Upload a selfie" | High (personalized) |

### Result Types That Get Shared
1. **Identity results** - "You are a..."
2. **Comparison results** - "You're 87% like..."
3. **Prediction results** - "In 2025 you will..."
4. **Score results** - "Your score: 847/1000"
5. **Visual results** - Avatar, badge, certificate

### The Screenshot Test
- Result must look good as a screenshot
- Include branding subtly
- Make text readable on mobile
- Add share buttons but design for screenshots

测验构建器模式

构建能够广泛传播的性格测验

使用时机：构建测验类生成器时

## Quiz Builder Pattern

### Quiz Structure

5-10 个问题 → 加权评分 → N 种结果之一

### Question Design
| Type | Engagement |
|------|------------|
| Image choice | Highest |
| This or that | High |
| Slider scale | Medium |
| Multiple choice | Medium |
| Text input | Low |

### Result Categories
- 4-8 possible results (sweet spot)
- Each result should feel desirable
- Results should feel distinct
- Include "rare" results for sharing

### Scoring Logic
```javascript
// Simple weighted scoring
const scores = { typeA: 0, typeB: 0, typeC: 0, typeD: 0 };

answers.forEach(answer => {
  scores[answer.type] += answer.weight;
});

const result = Object.entries(scores)
  .sort((a, b) => b[1] - a[1])[0][0];

结果页面元素

• 大号醒目的结果标题
• 令人愉悦的描述
• 可分享的图片/卡片
• “分享你的结果”按钮
• “看看朋友测出了什么” CTA
• 不显眼的重测选项

### Name Generator Pattern

Building name generators that people love

**When to use**: When building any name/text generator

```javascript
## Name Generator Pattern

### Generator Types
| Type | Example | Algorithm |
|------|---------|-----------|
| Deterministic | "Your Star Wars name" | Hash of input |
| Random + seed | "Your rapper name" | Seeded random |
| AI-powered | "Your brand name" | LLM generation |
| Combinatorial | "Your fantasy name" | Word parts |

### The Deterministic Trick
Same input = same output = shareable!
```javascript
function generateName(input) {
  const hash = simpleHash(input.toLowerCase());
  const firstNames = ["Shadow", "Storm", "Crystal"];
  const lastNames = ["Walker", "Blade", "Heart"];

  return `${firstNames[hash % firstNames.length]} ${lastNames[(hash >> 8) % lastNames.length]}`;
}

让结果更具个人特色

• 在结果中使用他们的真实姓名
• 巧妙地呼应他们的输入
• 添加“含义”或背景故事
• 包含视觉呈现

提升可分享性

• “[X] 名字是：”的格式
• 证书/徽章设计
• 与朋友比较的功能
• 每日/每周变化的结果

## Anti-Patterns

### ❌ Forgettable Results

**Why bad**: Generic results don't get shared.
"You are creative" - so what?
No identity moment.
Nothing to screenshot.

**Instead**: Make results specific and identity-forming.
"You're a Midnight Architect" > "You're creative"
Add visual flair.
Make it screenshot-worthy.

### ❌ Too Much Input

**Why bad**: Every field is a dropout point.
People want instant gratification.
Long forms kill virality.
Mobile users bounce.

**Instead**: Minimum viable input.
Start with just name or one question.
Progressive disclosure if needed.
Show progress if longer.

### ❌ Boring Share Cards

**Why bad**: Social feeds are competitive.
Bland cards get scrolled past.
No click = no viral loop.
Wasted opportunity.

**Instead**: Design for the feed.
Bold colors, clear text.
Result visible without clicking.
Your branding subtle but present.

## Related Skills

Works well with: `viral-hooks`, `landing-page-design`, `seo`, `frontend`