Newsletter signup

Skill kostja94/marketing-skills/skills/components/conversion/newsletter-signup

Agent Skills for Marketing — SEO, Social, Influencer & More. 160+ open-source skills for SEO, content, 40+ page types, paid ads, channels, and strategies. Add project context; get tailored, production-ready output. Cursor, Claude Code, OpenClaw — no lock-in.

Install

npx -y skills add kostja94/marketing-skills --skill newsletter-signup

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

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.

SKILL.md

3.3 KB, as published. Nobody here has run it

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