social-share-generator

# Components: Social Share Buttons Guides implementation of **share buttons** that let users share the current page (article, post, product) to social platforms. Distinct from **social profile links** (footer links to your brand's X, LinkedIn, etc.) — share buttons share *this* content. **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. ## Scope - **Share buttons**: Share current page URL to X, LinkedIn, Facebook, WhatsApp, etc. - **Not** social profile links (e.g. "Follow us on X") — those live in footer/nav ## Why It Matters - Websites with visible social share icons tend to see higher social engagement - Share buttons amplify reach; Open Graph and Twitter Cards control preview — see **open-graph**, **twitter-cards** ## Placement (Article Pages) **Fewer, better-placed buttons outperform scattered placement.** Research: removing 80% of buttons and repositioning the remaining 20% at high-emotion moments can **3× conversion** on share actions. | Placement | Best For | Notes | |-----------|----------|-------| | **After first paragraph** | Most articles | Catches speed-readers; visible early | | **Sticky sidebar** | Long-form (desktop) | Always visible; consider hiding on mobile | | **Below title / hero** | Short posts | High visibility | | **End of article** | All | Natural completion poin...