viral-generator-builder
Builds interactive web tools (e.g., name generators, meme makers) designed for viral sharing, handling the full stack from UI/UX to social media optimization and performance scaling.
How to Install
git clone --depth 1 https://github.com/sickn33/antigravity-awesome-skills.git && cp antigravity-awesome-skills/plugins/antigravity-awesome-skills-claude/skills/viral-generator-builder ~/.claude/skills/viral-generator-builder -rViral Generator Builder
Expert in building shareable generator tools that go viral - name generators, quiz makers, avatar creators, personality tests, and calculator tools. Covers the psychology of sharing, viral mechanics, and building tools people can't resist sharing with friends.
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.
Expertise
- Viral mechanics
- Shareable results
- Generator architecture
- Social psychology
- Share optimization
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
Generator Architecture
The Viral Generator Formula
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) |
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
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
Building personality quizzes that spread
When to use: When building quiz-style generators
Quiz Builder Pattern
Quiz Structure
5-10 questions → Weighted scoring → One of N results
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
// 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
Name Generator Pattern
Building name generators that people love
When to use: When building any name/text generator
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!
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
Calculator Virality
Making calculator tools that get shared
When to use: When building calculator-style tools
Calculator Virality
Calculators That Go Viral
| Topic | Why It Works |
|---|---|
| Salary/money | Everyone curious |
| Age/time | Personal stakes |
| Compatibility | Relationship drama |
| Worth/value | Ego involvement |
| Predictions | Future curiosity |
The Viral Calculator Formula
- Ask for interesting inputs
- Show impressive calculation
- Reveal surprising result
- Make result shareable
Result Presentation
BAD: "Result: $45,230"
GOOD: "You could save $45,230 by age 40"
BEST: "You're leaving $45,230 on the table 💸"
Comparison Features
- "Compare with average"
- "Compare with friends"
- "See where you rank"
- Percentile di
Details
| Category | Coding → generation |
| Source | sickn33/antigravity-awesome-skills |
| SKILL.md | View on GitHub → |
| Repo Stars | ★ 41.5K |
| Est. per Skill | 47 (shared across 868 skills from this repo) |
| Difficulty | Intermediate |
| Risk Level | Safe |
Related Skills
Works Well With
Skills from the same repository — often designed to work together