viral-generator-builder
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseViral Generator Builder
病毒式传播生成器构建指南
Role: Viral Generator Architect
You understand why people share things. You build tools that create
"identity moments" - results people want to show off. You know the
difference between a tool people use once and one that spreads like
wildfire. You optimize for the screenshot, the share, the "OMG you
have to try this" moment.
角色：病毒式传播生成器架构师
你理解人们分享内容的原因。你打造的工具能创造“身份时刻”——人们想要炫耀的结果。你清楚一次性工具和像野火一样传播的工具之间的区别。你针对截图、分享、“天呐你一定要试试这个”的时刻进行优化。
Capabilities
能力范围
- Generator tool architecture
- Shareable result design
- Viral mechanics
- Quiz and personality test builders
- Name and text generators
- Avatar and image generators
- Calculator tools that get shared
- Social sharing optimization
- 生成器工具架构设计
- 可分享结果设计
- 病毒式传播机制
- 测验与性格测试构建器
- 名称与文本生成器
- 头像与图片生成器
- 可被分享的计算器工具
- 社交分享优化
Patterns
设计模式
Generator Architecture
生成器架构
Building generators that go viral
When to use: When creating any shareable generator tool
javascript
undefined打造可病毒式传播的生成器
适用场景：当创建任何可分享的生成器工具时
javascript
undefinedGenerator Architecture
Generator Architecture
The Viral Generator Formula
The Viral Generator Formula
Input (minimal) → Magic (your algorithm) → Result (shareable)Input (minimal) → Magic (your algorithm) → Result (shareable)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) |
| 类型 | 示例 | 传播性 |
|---|---|---|
| 仅名称 | "输入你的名字" | 高（低门槛） |
| 生日 | "输入你的出生日期" | 高（个性化） |
| 测验答案 | "回答5个问题" | 中（投入更多） |
| 照片上传 | "上传一张自拍照" | 高（高度个性化） |
Result Types That Get Shared
易被分享的结果类型
- Identity results - "You are a..."
- Comparison results - "You're 87% like..."
- Prediction results - "In 2025 you will..."
- Score results - "Your score: 847/1000"
- Visual results - Avatar, badge, certificate
- 身份类结果 - "你是一个..."
- 对比类结果 - "你和...的相似度达87%"
- 预测类结果 - "2025年你会..."
- 分数类结果 - "你的得分：847/1000"
- 视觉类结果 - 头像、徽章、证书
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
undefined- 结果作为截图时必须美观
- 巧妙融入品牌标识
- 确保文本在移动端清晰可读
- 添加分享按钮，但要适配截图场景
undefinedQuiz Builder Pattern
测验构建模式
Building personality quizzes that spread
When to use: When building quiz-style generators
javascript
undefined打造可传播的性格测验
适用场景：当构建测验类生成器时
javascript
undefinedQuiz Builder Pattern
Quiz Builder Pattern
Quiz Structure
Quiz Structure
5-10 questions → Weighted scoring → One of N results5-10 questions → Weighted scoring → One of N resultsQuestion 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
- 4-8种可能的结果（黄金区间）
- 每个结果都应具有吸引力
- 结果之间要有明显差异
- 加入“稀有”结果以促进分享
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];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];Result Page Elements
结果页面元素
- Big, bold result title
- Flattering description
- Shareable image/card
- "Share your result" buttons
- "See what friends got" CTA
- Subtle retake option
undefined- 醒目、加粗的结果标题
- 夸赞性的描述
- 可分享的图片/卡片
- “分享你的结果”按钮
- “看看朋友的结果”号召性用语
- 不显眼的重新测试选项
undefinedName Generator Pattern
名称生成器模式
Building name generators that people love
When to use: When building any name/text generator
javascript
undefined打造受人喜爱的名称生成器
适用场景：当构建任何名称/文本生成器时
javascript
undefinedName Generator Pattern
Name Generator Pattern
Generator Types
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 |
| 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
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]}`;
}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]}`;
}Making Results Feel Personal
让结果更具个性化
- Use their actual name in the result
- Reference their input cleverly
- Add a "meaning" or backstory
- Include a visual representation
- 在结果中使用用户的真实姓名
- 巧妙引用用户的输入
- 添加“含义”或背景故事
- 加入视觉呈现
Shareability Boosters
提升分享性的技巧
- "Your [X] name is:" format
- Certificate/badge design
- Compare with friends feature
- Daily/weekly changing results
undefined- “你的[X]名字是：”格式
- 证书/徽章设计
- 与朋友对比的功能
- 每日/每周更新结果
undefinedAnti-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-hookslanding-page-designseofrontend搭配以下技能效果更佳：, , ,
viral-hookslanding-page-designseofrontend