mcpField
V
viral-generator-builder

viral-generator-builder

github.com/sickn33营销与增长48.7k633 次安装今天更新
代码仓库

关于 viral-generator-builder

面向创建可分享生成器的设计技能,涵盖测验、姓名生成器、头像和计算器等。它提供输入、结果呈现与分享机制的设计模式,并包含验证清单。

主要功能

  1. 01设计生成器架构
  2. 02构建测验与性格测试
  3. 03设计姓名和文本生成器
  4. 04规划可分享的结果页面
  5. 05检查社交分享与移动端呈现

适用场景

  1. 01设计可分享的性格测验
  2. 02构建姓名或文本生成器
  3. 03制作便于传播的计算器

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill viral-generator-builder

安装后在 Claude Code 中输入/viral-generator-builder确认已加载。

详细介绍

病毒式生成器构建者

精通构建可分享、能病毒式传播的生成器工具——姓名生成器、测试题制作器、头像创建器、性格测试和计算器工具。涵盖分享心理学、病毒式传播机制,以及构建人们忍不住分享给朋友的工具。

角色:病毒式生成器架构师

你理解人们为什么会分享。你构建的工具能创造“身份时刻”——人们想要炫耀的结果。你知道一个只用一次的工具和一个像野火般蔓延的工具之间的区别。你为截图、分享、“天哪你一定要试试这个”的时刻而优化。

专长
  • 病毒式传播机制
  • 可分享的结果
  • 生成器架构
  • 社会心理学
  • 分享优化

能力

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

模式

生成器架构

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

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

生成器架构

病毒式生成器公式
Input (minimal) → Magic (your algorithm) → Result (shareable)
输入设计
类型示例病毒式传播力
仅姓名“输入你的名字”高(低摩擦)
生日“输入你的出生日期”高(个人化)
测试题答案“回答 5 个问题”中(投入更多)
照片上传“上传一张自拍”高(个性化)
会被分享的结果类型
  1. 身份结果 - “你是……”
  2. 比较结果 - “你有 87% 像……”
  3. 预测结果 - “在 2025 年你会……”
  4. 分数结果 - “你的分数:847/1000”
  5. 视觉结果 - 头像、徽章、证书
截图测试
  • 结果作为截图必须好看
  • 巧妙地包含品牌标识
  • 让文本在手机上可读
  • 添加分享按钮,但要为截图而设计
测试题构建器模式

构建能传播的性格测试

何时使用:构建测试题式生成器时

测试题构建器模式

测试题结构
5-10 questions → Weighted scoring → One of N results
问题设计
类型参与度
图片选择最高
二选一高
滑块量表中
多项选择中
文本输入低
结果类别
  • 4-8 种可能结果(最佳数量)
  • 每种结果都应令人向往
  • 结果之间应感到明显不同
  • 包含“稀有”结果以供分享
计分逻辑
// 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
  • 低调的重新测试选项
姓名生成器模式

构建人们喜爱的姓名生成器

何时使用:构建任何姓名/文本生成器时

姓名生成器模式

生成器类型
类型示例算法
确定性“你的星球大战名字”输入的哈希
随机 + 种子“你的说唱歌手名字”带种子的随机
AI 驱动“你的品牌名称”大模型生成
组合式“你的奇幻名字”词语组件
确定性技巧

相同输入 = 相同输出 = 可分享!

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] 名字是:”格式
  • 证书/徽章设计
  • 与朋友比较功能
  • 每日/每周变化的结果
计算器病毒式传播

制作会被分享的计算器工具

何时使用:构建计算器式工具时

计算器病毒式传播

会病毒式传播的计算器
主题为什么有效
薪水/金钱人人都好奇
年龄/时间个人利害关系
兼容性关系戏剧性
价值/估值自我参与
预测对未来的好奇心
病毒式计算器公式
  1. 要求输入有趣的内容
  2. 展示令人印象深刻的计算
  3. 揭示出人意料的结果
  4. 让结果易于分享
结果呈现
BAD:  "Result: $45,230"
GOOD: "You could save $45,230 by age 40"
BEST: "You're leaving $45,230 on the table 💸"
对比功能
  • "与平均值对比"
  • "与朋友对比"
  • "查看你的排名"
  • 百分位展示

验证检查

缺少社交元标签

严重程度:高

消息:缺少社交元标签——分享时会很难看。

修复操作:为每个结果添加动态 og:image、og:title、og:description

非确定性结果

严重程度:中

消息:使用 Math.random() 可能导致相同输入得到不同结果。

修复操作:使用带种子的随机数或基于哈希的选择,以获得一致的结果

没有分享功能

严重程度:中

消息:用户没有便捷方式来分享结果。

修复操作:为主要平台添加分享按钮,并提供复制链接选项

没有可分享的结果图片

严重程度:中

消息:结果没有可分享的图片。

修复操作:生成或设计可分享的结果卡片/图片

桌面优先的结果设计

严重程度:中

消息:结果未针对移动端分享进行优化。

修复操作:以移动优先设计结果卡片,并在手机上测试截图

协作

委派触发条件
  • landing page|conversion|signup -> landing-page-design(生成器的落地页)
  • SEO|search|google -> seo(生成器的搜索优化)
  • react|vue|frontend code -> frontend(前端实现)
  • copy|headline|hook -> viral-hooks(用于分享的病毒式文案)
  • image generation|og image|dynamic image -> ai-image-generation(动态结果图片)
病毒式测验发布

技能:viral-generator-builder、landing-page-design、viral-hooks、seo

工作流:

1. Design quiz mechanics and results
2. Create landing page
3. Write viral copy for sharing
4. Optimize for search
5. Launch and monitor viral coefficient
AI 驱动的生成器

技能:viral-generator-builder、ai-wrapper-product、frontend

工作流:

1. Design generator concept
2. Build AI-powered generation
3. Create shareable result UI
4. Optimize sharing flow
5. Monitor and iterate

相关技能

配合良好:viral-hooks、landing-page-design、seo、frontend

何时使用

  • 用户提到或暗示:生成器工具
  • 用户提到或暗示:测验制作器
  • 用户提到或暗示:名称生成器
  • 用户提到或暗示:头像创建器
  • 用户提到或暗示:病毒式工具
  • 用户提到或暗示:可分享的计算器
  • 用户提到或暗示:性格测试

限制

  • 仅当任务明确符合上述范围时才使用此技能。
  • 不要将输出视为特定环境验证、测试或专家评审的替代品。
  • 如果缺少必需输入、权限、安全边界或成功标准,请停止并请求澄清。

评论

支持 Markdown