关于 viral-generator-builder
面向创建可分享生成器的设计技能,涵盖测验、姓名生成器、头像和计算器等。它提供输入、结果呈现与分享机制的设计模式,并包含验证清单。
主要功能
- 01设计生成器架构
- 02构建测验与性格测试
- 03设计姓名和文本生成器
- 04规划可分享的结果页面
- 05检查社交分享与移动端呈现
适用场景
- 01设计可分享的性格测验
- 02构建姓名或文本生成器
- 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 个问题” | 中(投入更多) |
| 照片上传 | “上传一张自拍” | 高(个性化) |
会被分享的结果类型
- 身份结果 - “你是……”
- 比较结果 - “你有 87% 像……”
- 预测结果 - “在 2025 年你会……”
- 分数结果 - “你的分数:847/1000”
- 视觉结果 - 头像、徽章、证书
截图测试
- 结果作为截图必须好看
- 巧妙地包含品牌标识
- 让文本在手机上可读
- 添加分享按钮,但要为截图而设计
测试题构建器模式
构建能传播的性格测试
何时使用:构建测试题式生成器时
测试题构建器模式
测试题结构
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] 名字是:”格式
- 证书/徽章设计
- 与朋友比较功能
- 每日/每周变化的结果
计算器病毒式传播
制作会被分享的计算器工具
何时使用:构建计算器式工具时
计算器病毒式传播
会病毒式传播的计算器
| 主题 | 为什么有效 |
|---|---|
| 薪水/金钱 | 人人都好奇 |
| 年龄/时间 | 个人利害关系 |
| 兼容性 | 关系戏剧性 |
| 价值/估值 | 自我参与 |
| 预测 | 对未来的好奇心 |
病毒式计算器公式
- 要求输入有趣的内容
- 展示令人印象深刻的计算
- 揭示出人意料的结果
- 让结果易于分享
结果呈现
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
何时使用
- 用户提到或暗示:生成器工具
- 用户提到或暗示:测验制作器
- 用户提到或暗示:名称生成器
- 用户提到或暗示:头像创建器
- 用户提到或暗示:病毒式工具
- 用户提到或暗示:可分享的计算器
- 用户提到或暗示:性格测试
限制
- 仅当任务明确符合上述范围时才使用此技能。
- 不要将输出视为特定环境验证、测试或专家评审的替代品。
- 如果缺少必需输入、权限、安全边界或成功标准,请停止并请求澄清。