lead-magnet
Create lead magnets and gated content to capture email subscribers and leads. Use when asked to design checklists, templates, calculators, mini-courses, whitepapers, or other downloadable content offers. Trigger phrases: "lead magnet", "gated content", "email capture", "content offer", "free download", "checklist", "template", "whitepaper", "swipe file", "content upgrade", "opt-in offer".
What this skill does
# Lead Magnet Creation
Design and build lead magnets that convert visitors into email subscribers and qualified leads.
---
## 1. Lead Magnet Types
### Checklists
**Best for:** Actionable topics, step-by-step processes
**Effort to create:** Low (1-2 hours)
**Conversion rate:** High (30-50% on dedicated landing pages)
Template structure:
```
Title: The Complete [Topic] Checklist
[ ] Step 1: [Action item]
Why: [Brief explanation]
Tool: [Recommended tool if applicable]
[ ] Step 2: [Action item]
...
[ ] Step 3: [Action item]
...
[Continue for 10-25 items]
Bonus: [Extra tip or resource link]
```
Example titles:
- "The 47-Point Website Launch Checklist"
- "Pre-Publish Blog Post Checklist (Never Miss a Step)"
- "The Complete SEO Audit Checklist for 2025"
### Templates
**Best for:** Saving time, providing structure
**Effort to create:** Medium (2-4 hours)
**Conversion rate:** Very high (35-60%)
Types of templates:
- Spreadsheet templates (Google Sheets, Excel)
- Document templates (Google Docs, Notion)
- Design templates (Canva, Figma)
- Code templates (GitHub repos, code snippets)
- Email templates (copy-paste ready)
Template packaging:
```
[Template Name]
INSTRUCTIONS
1. Make a copy of this template (File > Make a Copy)
2. [Customization step 1]
3. [Customization step 2]
SECTIONS
- Section 1: [Purpose]
- Section 2: [Purpose]
- Section 3: [Purpose]
EXAMPLE (filled in)
[Show one complete example so users understand how to use it]
```
### Calculators / Interactive Tools
**Best for:** Quantifiable outcomes, ROI justification
**Effort to create:** High (1-2 weeks with a developer)
**Conversion rate:** Very high (40-60%)
Calculator ideas:
- ROI calculator for your product
- Cost savings estimator
- "How much are you losing?" audit tool
- Salary/pricing benchmark calculator
- Carbon footprint / impact calculator
Implementation notes:
- Can be built as a simple HTML/JS page
- Gate the results (not the calculator itself) behind email
- Show a preview of results, require email for full report
- Save results as a PDF sent to their email
### Mini-Courses (Email or Video)
**Best for:** Complex topics, building authority, nurture sequences
**Effort to create:** High (1-2 weeks)
**Conversion rate:** Medium-high (25-40%)
Structure:
```
Course: [Title] -- [X]-Day [Topic] Course
Day 1: [Foundation topic]
- Email subject: "[Course Name] Day 1: [Topic]"
- Content: [500-800 words or 5-10 min video]
- Action item: [Homework]
Day 2: [Building on Day 1]
...
Day 3: [Advanced topic]
...
Day 4: [Application / case study]
...
Day 5: [Summary + next steps + soft pitch]
- Recap key learnings
- "If you want to go further, [Product] can help with..."
```
### Whitepapers / Reports
**Best for:** B2B, thought leadership, data-driven audiences
**Effort to create:** High (1-3 weeks)
**Conversion rate:** Medium (15-30%)
Structure:
```
Title: [The State of / The Complete Guide to / X Trends in] [Topic]
Executive Summary (1 page)
- Key findings
- Why this matters
Section 1: [Current State]
- Data point 1
- Data point 2
- Analysis
Section 2: [Challenges]
- Challenge 1 with data
- Challenge 2 with data
Section 3: [Solutions / Trends]
- Trend 1 with examples
- Trend 2 with examples
Section 4: [Recommendations]
- Actionable takeaways
- Implementation roadmap
Methodology (if original research)
About [Company]
```
### Swipe Files
**Best for:** Marketers, copywriters, designers
**Effort to create:** Medium (curate over time)
**Conversion rate:** High (30-50%)
Swipe file types:
- Email subject line swipe file (100+ proven subjects)
- Ad copy swipe file (best-performing ads by industry)
- Landing page swipe file (screenshots + analysis)
- Cold email swipe file (templates for outreach)
- Social media post swipe file (viral post formulas)
Structure:
```
[Swipe File Title]: [X] Proven [Type] You Can Steal
Category 1: [Theme]
Example 1:
Original: "[Exact copy]"
Source: [Brand/campaign]
Why it works: [Analysis]
Template: "[Fill-in-the-blank version]"
Example 2:
...
Category 2: [Theme]
...
```
---
## 2. Landing Page Structure
Every lead magnet needs a dedicated landing page optimized for conversion.
### Above the Fold
```html
<!-- Hero Section -->
<section>
<h1>[Benefit-driven headline]</h1>
<p>[1-2 sentence description of what they'll get and why it matters]</p>
<!-- Lead Magnet Preview -->
<img src="[mockup of the lead magnet]" />
<!-- Opt-in Form -->
<form>
<input type="email" placeholder="Your email address" />
<button>Download Free [Type]</button>
<p class="privacy">No spam. Unsubscribe anytime.</p>
</form>
</section>
```
### Below the Fold
```html
<!-- What's Inside -->
<section>
<h2>Here's what you'll get:</h2>
<ul>
<li>[Specific deliverable 1]</li>
<li>[Specific deliverable 2]</li>
<li>[Specific deliverable 3]</li>
</ul>
</section>
<!-- Social Proof -->
<section>
<p>"[Testimonial about the lead magnet]" -- [Name, Title]</p>
<p>[X] people have downloaded this [type]</p>
</section>
<!-- About the Author -->
<section>
<h2>Created by [Name]</h2>
<p>[1-2 sentences of credibility]</p>
</section>
<!-- FAQ -->
<section>
<h2>Questions?</h2>
<details>
<summary>Is this really free?</summary>
<p>Yes, 100% free. We just ask for your email so we can send it to you.</p>
</details>
<details>
<summary>What format is it in?</summary>
<p>[PDF / Google Sheet / Video / etc.]</p>
</details>
</section>
```
### Headline Formulas
1. "The [Adjective] [Type] to [Desired Outcome]"
- "The Ultimate Checklist to Launch Your Podcast"
2. "[Number] [Things] Every [Audience] Needs to [Goal]"
- "7 Templates Every Startup Founder Needs to Raise Funding"
3. "How to [Desired Outcome] (Free [Type])"
- "How to Double Your Email Open Rate (Free Swipe File)"
4. "Get Our [Type] That [Social Proof]"
- "Get Our SEO Template That 10,000+ Marketers Use"
5. "Stop [Pain Point]. Download Our Free [Type]."
- "Stop Guessing Your Pricing. Download Our Free Calculator."
---
## 3. Email Gate Setup
### Simple Email Gate (HTML + API)
```html
<form id="lead-form" action="/api/subscribe" method="POST">
<input type="email" name="email" required placeholder="[email protected]" />
<input type="hidden" name="lead_magnet" value="seo-checklist" />
<button type="submit">Get Free Checklist</button>
</form>
```
### Integration Options
| Provider | Method |
|----------|--------|
| Mailchimp | Embed form or API (`POST /3.0/lists/{list_id}/members`) |
| ConvertKit | API (`POST /v3/forms/{form_id}/subscribe`) |
| Resend | API (`POST /emails` for delivery + webhook for list) |
| SendGrid | API for delivery + contacts API for list management |
| HubSpot | Forms API or embed form |
### Double Opt-In Flow
1. User submits email on landing page
2. Show "Check your email" confirmation page
3. Send confirmation email with "Confirm your email" button
4. On confirmation, redirect to download page and deliver lead magnet
5. Add to email nurture sequence
### Single Opt-In Flow (Higher Conversion)
1. User submits email on landing page
2. Immediately redirect to download/thank-you page
3. Simultaneously send email with download link (backup delivery)
4. Add to email nurture sequence
---
## 4. Delivery Automation
### Immediate Delivery Email
```
Subject: Your [Lead Magnet Name] is ready
Hi [Name],
Thanks for downloading [Lead Magnet Name]. Here's your copy:
[Download Button/Link]
A few tips to get the most out of it:
1. [Quick tip 1]
2. [Quick tip 2]
3. [Quick tip 3]
Questions? Just reply to this email.
[Signature]
P.S. If you found this helpful, you might also like [related resource].
```
### Post-Download Nurture Sequence
**Email 2 (Day 2):** "Did you get a chance to use [Lead Magnet]?"
- Quick tip or walkthrough
- Ask if they have questions
**Email 3 (Day 4):** "Here's how [Customer] used [Lead Magnet] to [Result]"
- Case study or success story
- SRelated in Design
contribute
IncludedLocal-only OSS contribution command center. Auto-refreshes the user's in-flight PR and issue state on invoke so conversations start with full context — no need to brief Claude on what's in flight. Helps the user find issues to contribute to on GitHub, builds per-repo dossiers of what each upstream expects (CLA, DCO, branch convention, AI policy, draft-first, review bots, issue templates), runs deterministic gates before any external action so AI-assisted contributions don't reach maintainers as slop. State is markdown-only: candidate files at ~/.contribute-system/candidates/, repo dossiers at ~/.contribute-system/research/, append-only event log at ~/.contribute-system/log.jsonl. No database, no cloud calls. Use when the user asks about their PRs / issues / contributions, wants to find new work to take on, claim an issue, build/refresh a repo's dossier, or draft a Design Issue or PR. Trigger with "/contribute", "what's my PR status", "find a contribution", "claim issue X", "draft a Design Issue for Y", "refresh dossier for Z".
architectural-analysis
IncludedUser-triggered deep architectural analysis of a codebase or scoped subtree across eight modes — information architecture, data flow, integration points, UI surfaces, interaction patterns, data model, control flow, and failure modes. This skill should be used when the user asks to "diagram this codebase," "map the architecture," "show the data flow," "give me an ERD," "trace control flow," "find the integration points," "verify the layout pattern," "audit the UX architecture," or any similar request whose primary deliverable is mermaid diagrams plus cited reports under docs/architecture/. Dispatches haiku/sonnet sub-agents in parallel for per-mode exploration, then verifies every citation mechanically before any node lands in a diagram. Not for one-off prose explanations of code (use code-explanation) or for high-level system design from scratch (use system-design).
mcp
IncludedModel Context Protocol (MCP) server development and tool management. Languages: Python, TypeScript. Capabilities: build MCP servers, integrate external APIs, discover/execute MCP tools, manage multi-server configs, design agent-centric tools. Actions: create, build, integrate, discover, execute, configure MCP servers/tools. Keywords: MCP, Model Context Protocol, MCP server, MCP tool, stdio transport, SSE transport, tool discovery, resource provider, prompt template, external API integration, Gemini CLI MCP, Claude MCP, agent tools, tool execution, server config. Use when: building MCP servers, integrating external APIs as MCP tools, discovering available MCP tools, executing MCP capabilities, configuring multi-server setups, designing tools for AI agents.
react-native-skia
IncludedDesign, build, debug, and optimise high-polish animated graphics in React Native or Expo using @shopify/react-native-skia, Reanimated, and Gesture Handler. Use when the user wants canvas-driven UI, shaders, paths, rich text, image filters, sprite fields, Skottie, video frames, snapshots, web CanvasKit setup, or performance tuning for custom motion-heavy elements such as loaders, hero art, cards, charts, progress indicators, particle systems, or gesture-driven surfaces. Also use when the user asks for fluid, glow, glass, blob, parallax, 60fps/120fps, or GPU-friendly animated effects in React Native, even if they do not explicitly say "Skia". Do not use for ordinary form/layout work with standard views.
plaid
IncludedProduct Led AI Development — guides founders from idea to launched product. Six capabilities: Idea (discover a product idea), Validate (pressure-test the idea against fatal flaws, problem reality, competition, and 2-week MVP feasibility), Plan (vision intake + document generation), Design (translate image references into a design.md spec), Launch (go-to-market strategy), and Build (roadmap execution). Use when someone says "PLAID", "plaid idea", "help me find an idea", "product idea", "idea from my business", "idea from my expertise", "plaid validate", "validate my idea", "pressure-test", "is this idea good", "find fatal flaws", "validate the problem", "plan a product", "define my vision", "generate a PRD", "product strategy", "plaid design", "design from image", "translate image to design", "create design.md", "extract design tokens", "plaid launch", "go-to-market", "launch plan", "GTM strategy", "launch playbook", "plaid build", "build the app", "start building", or "execute the roadmap".
nextjs-framer-motion-animations
IncludedAdds production-safe Motion for React or Framer Motion animations to Next.js apps, including reveal, hover and tap micro-interactions, whileInView, stagger, AnimatePresence, layout and layoutId transitions, reorder, scroll-linked UI, and lightweight route-content transitions. Use when the user asks to add, refactor, or debug Motion or Framer Motion in App Router or Pages Router codebases, especially around server/client boundaries, reduced motion, LazyMotion, bundle size, hydration, or route transitions. Avoid for GSAP-style timelines, WebGL or 3D scenes, heavy scroll storytelling, or CSS-only effects unless Motion is explicitly requested.