Agent skill · Security

social-share-generator

When the user wants to add, optimize, or audit social share buttons (share article to X, LinkedIn, Facebook, etc.). Also use when the user mentions "share buttons," "social share," "share to X," "share to LinkedIn," "social sharing," "share icons," "share widget," "native share," "Web Share API," or "share intent URLs." For link previews, use open-graph.

kostja94github.com/kostja94GitHub ↗
cursorMIT
Install
npx skills add kostja94/marketing-skills --skill social-share --agent cursor

Same command for any agent — swap --agent for claude-code, codex, copilot.

Facts
Files in the skill folder: 1
SKILL.md size: 5 KB
Bundled scripts: none
Version: 1.0.1
Path: skills/components/utility/social-share/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 848

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# 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 | |-----------|----------|---

What's inside
Steps it walks through
  1. Scope
  2. Why It Matters
  3. Placement (Article Pages)
  4. Share URLs (Intent Links)
  5. Platform Brand Guidelines (Icons)
  6. Design & Technical
  7. Native Share API (Mobile)
  8. Output Format
  9. Related Skills
More from marketing-skills
All skills →
About this skill
What does the social-share-generator skill do?

When the user wants to add, optimize, or audit social share buttons (share article to X, LinkedIn, Facebook, etc.). Also use when the user mentions "share buttons," "social share," "share to X," "share to LinkedIn," "social sharing," "share icons," "share widget," "native share," "Web Share API," or "share intent URLs." For link previews, use open-graph.

How do I install it?

Run `npx skills add kostja94/marketing-skills --skill social-share --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From kostja94/marketing-skills, a repository with 848 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going