How to install newsletter-signup-generator
npx skills add https://github.com/kostja94/marketing-skills --skill newsletter-signup-generatorFull instructions (SKILL.md)
Source of truth, from kostja94/marketing-skills.
name: newsletter-signup-generator description: When the user wants to design, optimize, or audit newsletter signup forms. Also use when the user mentions "newsletter," "email signup," "subscribe form," "email capture," "lead magnet," "newsletter form," "email opt-in," "subscribe CTA," "newsletter signup," or "email list building." For email strategy, use email-marketing. metadata: version: 1.0.1
Components: Newsletter Signup
Guides newsletter signup form design for list growth. Email subscribers spend 138% more than non-subscribers; top popups convert at 23%+.
When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
Initial Assessment
Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for audience and value proposition.
Identify:
- Placement: Header, footer, popup, inline, sidebar
- Incentive: What subscribers receive
- Platform: Web, mobile, both
Form Design
Minimal Fields
- Email only when possible; highest conversion
- Add name only if needed for personalization
- Wrong number of fields significantly impacts conversion
Value Proposition
- Clear: what subscribers receive, how often
- Transparent: avoid disappointing subscribers
- Incentive: lead magnet, discount, exclusive content
Visual Design
- Clearly clickable submit button
- Mobile-first; responsive layout
- Appropriate input types (e.g.,
type="email"for mobile keyboards) - Trust marks or security indicators
Placement
| Placement | Best For | Pros | Cons |
|---|---|---|---|
| Header | High visibility | Always visible | Limited space |
| Footer | Secondary capture | Non-intrusive | Lower visibility |
| Footer bar | Persistent | Sticky | Can annoy |
| Popup | High intent | High conversion | Intrusive |
| Inline | Content pages | Contextual | Depends on scroll |
- Avoid hiding forms behind unclicked buttons/links
- Don't place competing forms nearby
Accessibility
| Requirement | Practice |
|---|---|
| Labels | <label> for each input; for/id association |
| Placeholders | Don't replace labels; supplement only |
| Error messages | Clear, associated with field |
| Keyboard | Full tab order; submit via Enter |
| Touch targets | ≥44×44px for submit button |
Technical
- Validation: Client-side; server-side required
- Privacy: Link to privacy policy; GDPR/CCPA compliance
- Double opt-in: When required by jurisdiction or best practice
Output Format
- Form structure (fields, copy)
- Placement recommendation
- Value proposition suggestions
- Accessibility checklist
Related Skills
- signup-login-page-generator: Full account signup; form design principles apply
- landing-page-generator: Lead capture landing page contains signup form; LP exchanges value for email
- email-marketing: Full email marketing strategy; EDM, newsletter, deliverability, content types
- footer-generator: Footer often hosts signup forms
- cta-generator: Submit button is a CTA
- trust-badges-generator: Trust marks near form
Related skills
More from kostja94/marketing-skills and the wider catalog.
open-graph
When the user wants to add or optimize Open Graph metadata for social sharing. Also use when the user mentions "Open Graph," "og:tags," "og:title," "og:image," "og:description," "Facebook preview," "LinkedIn preview," or "social share preview." For X (Twitter) link previews, use twitter-cards. For SERP title/description, use title-tag and meta-description.
open-source-strategy
When the user wants open source strategy, OSS commercialization, or open source growth. Also use when the user mentions "open source strategy," "OSS strategy," "open source commercialization," "open source to paid," "open core," "COSS," "commercial open source," "GitHub stars strategy," "DevHunt," "open source marketing," "open source growth," "Llama," "Dify," "Cursor," "open source business model," or "developer tools directory." For GitHub tactics, use github.
page-metadata
When the user wants to optimize meta tags other than title, description, Open Graph, or Twitter Cards. Also use when the user mentions "hreflang," "meta robots," "viewport," "charset," "canonical meta," "other meta tags," "meta robots noindex," "meta robots nofollow," "hreflang tags," "viewport meta," or "meta charset." For title tags, use title-tag. For meta descriptions, use meta-description. For Facebook/LinkedIn previews, use open-graph. For X previews, use twitter-cards.
paid-ads-strategy
When the user wants to plan paid ads strategy, allocate ad budget, or choose paid channels. Also use when the user mentions "paid ads," "paid media," "PPC," "SEM," "web ads," "app ads," "TV ads," "CTV," "OOH," "banner ads," "ad network," "ad alliance," "Taaft ads," "Shopify App Store ads," "Google Ads," "Meta Ads," "PMF testing," "PMF validation," "test product-market fit with ads," "ad spend," "ad budget," "ROAS," "paid acquisition," "Quality Score," or "ad-to-page alignment." For Google Ads execution, use google-ads. For Meta Ads execution, use meta-ads. For landing page alignment, use landing-page-generator.
parasite-seo
When the user wants to choose or execute third-party platform SEO (high-authority sites for rankings or backlinks). Also use when the user mentions "parasite SEO," "parasitic SEO," "barnacle SEO," "hosted content," "third-party publishing," "Medium SEO," "Reddit SEO," "GitHub parasite SEO," "LinkedIn Pulse SEO," "high-authority platforms," "distributed authority," "borrow domain authority," or "rank without own website." For GitHub-specific playbooks, use github. For Medium.com posts, use medium-posts. For Grokipedia, use grokipedia-recommendations. For AI answer-engine visibility (not platform selection), use generative-engine-optimization.
pinterest-posts
Create and optimize Pinterest Pins with SEO-focused titles, descriptions, and board strategy.