top-banner-generator

SKILL.md

Components: Top Banner (Announcement Bar)

Guides top announcement bar and sticky banner design for conversion. Top banners answer visitor questions in ~3 seconds (trust, discount, free shipping, urgency) and can increase coupon redemption by 30-50% when used well.

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 offers, messaging, and Section 12 (Visual Identity).

Identify:

Goal: Lead capture, promo, urgency, trust, free shipping

Placement: Above header (sticky) or below; dismissible or persistent

Audience: All visitors vs segmented (geo, returning, cart abandoners)

Best Practices

Use Cases