LinkedIn Project Post

Command

/linkedin-post or linkedin-post

Keywords

linkedin, linkedin post, share project, vibe coding, showcase project, social media post, project announcement, github project, portfolio post

Description

Generate an engaging LinkedIn post to showcase your coding project with excitement, emojis, and a call-to-action for the developer community.

Execution

This skill runs using Claude Code with subscription plan. Do NOT use pay-as-you-go API keys.

Response

I'll generate an exciting LinkedIn post for your project!

The post will include:

Section	Description
Screenshot	Auto-captured screenshot of the demo site
Auto-Post	Publish directly via LinkedIn MCP (if configured)
Hook	Exciting opening with emojis to grab attention
Live Demo Link	URL to the deployed app
GitHub Repo Link	URL to the source code
What It's About	Brief description of the project purpose
Key Features	Bullet list of main features with checkmarks
Tech Stack	Technologies used with emoji icons
Call to Action	Encourage fork, comment, discuss, star
Hashtags	Relevant hashtags for visibility

Screenshot / Image Attachment

If a live demo URL is provided, always capture a screenshot and attach it as the LinkedIn post image. The screenshot serves as the visual preview that appears with the post — LinkedIn posts with images get significantly more engagement.

Capture Flow

Check if the user already has a screenshot or image they want to use. If yes, use that.
If a live demo URL is provided and no existing screenshot, auto-capture one using the methods below.
Save the screenshot to ~/Downloads/linkedin-screenshot.png.
Open the Downloads folder so the user can easily drag-and-drop the image when composing the post.

Using the included script (Recommended)

./scripts/capture-screenshot.sh [URL]
# Saves to ~/Downloads/linkedin-screenshot.png and opens folder

Method 1: Using Puppeteer (Node.js)

npx puppeteer screenshot [URL] --output ~/Downloads/linkedin-screenshot.png --viewport 1200x630

Method 2: Using Shot-scraper (Python)

shot-scraper [URL] -o ~/Downloads/linkedin-screenshot.png --width 1200 --height 630

Method 3: Using Screenshot API

curl "https://api.screenshotone.com/take?url=[URL]&viewport_width=1200&viewport_height=630&format=png" -o ~/Downloads/linkedin-screenshot.png

Recommended Screenshot Settings

Dimensions: 1200x630px (LinkedIn optimal)
Format: PNG or JPG
Save location: ~/Downloads folder
Full page: No, capture viewport only

Screenshot Tips

Capture the hero section or main feature
Ensure the app is in a visually appealing state
If login required, capture the landing/login page
Downloads folder opens automatically for easy upload
Always remind the user to attach the screenshot as the post image on LinkedIn

Instructions

When generating a LinkedIn post, follow this structure:

1. Opening Hook

Start with enthusiasm and relevant emojis:

I'm thrilled to share a vibe-coding project I've been building — [Project Name] — [one-line description]! 🚀✨

2. Links Section

🌐 Check it out: [Live Demo URL]

📦 GitHub repo: [GitHub URL]

3. What It's About

🧭 What it's all about

[2-3 sentences describing the problem it solves and who it's for]

4. Key Features

🚀 Key Features

✅ [Feature 1]
✅ [Feature 2]
✅ [Feature 3]
✅ [Feature 4]
✅ [Feature 5]
… and more to come!

5. Tech Stack

🛠️ Built With

💻 Tech Stack:
• [Technology 1]
• [Technology 2]
• [Technology 3]
• [Technology 4]
• Hosted on [Platform]

6. Call to Action

⭐ Get Involved

Love [topic] or coding? Feel free to fork the project, leave a comment, and start a discussion!
👉 Don't forget to ⭐ star the repo — every star motivates open-source creators like me!

🔗 Repo: [GitHub URL]

7. Hashtags

Add 5-10 relevant hashtags:

#VibeCoding #OpenSource #WebDev #JavaScript #React #BuildInPublic #DevCommunity #100DaysOfCode #CodeNewbie #SideProject

Emoji Guide

Use these emojis appropriately:

🚀 Launch/Features
✨ Highlights
🌐 Web/Live demo
📦 GitHub/Package
🧭 About/Navigation
✅ Features/Checkmarks
🛠️ Tech/Tools
💻 Code/Development
⭐ Star/Call to action
👉 Pointer/Direction
🔗 Links
🎯 Goals/Purpose
💡 Ideas/Tips
🔥 Hot/Trending

Tone Guidelines

Enthusiastic but authentic
Professional yet approachable
Celebrate the achievement
Invite collaboration
Show gratitude to the community

Capabilities

Generate engaging LinkedIn posts for any coding project
Auto-post with image via LinkedIn MCP (lurenss/linkedin-mcp or Lnxtanx/LinkedIn-MCP)
Auto-capture screenshots for post images
Customize tone based on project type
Include relevant hashtags for discoverability
Create compelling calls-to-action
Highlight tech stack professionally
Fallback to manual browser flow if no MCP configured

Auto-Post via LinkedIn MCP (Recommended)

If a LinkedIn MCP server is configured, automatically publish the post with the screenshot image instead of opening the browser. This is the preferred flow — zero manual steps.

Supported LinkedIn MCP Servers

MCP Server	Language	Tools	Install
lurenss/linkedin-mcp	Node.js	`create_linkedin_post`, `create_linkedin_image_post`	`npm install` + build
Lnxtanx/LinkedIn-MCP	Python	`create_post` (text/image/video/doc)	`uv add fastmcp requests`

Auto-Post Flow

Step 1: Check if LinkedIn MCP is available

Try calling the MCP tool to validate credentials:

lurenss/linkedin-mcp: Call validate_linkedin_credentials or get_linkedin_profile
Lnxtanx/LinkedIn-MCP: Call create_post with a dry-run or check for tool availability

If no LinkedIn MCP is configured, fall back to the manual flow (open browser).

Step 2: Post with image (preferred)

Using lurenss/linkedin-mcp:

Tool: create_linkedin_image_post
Arguments:
  text: "<generated post text>"
  image_path: "~/Downloads/linkedin-screenshot.png"

Using Lnxtanx/LinkedIn-MCP:

Tool: create_post
Arguments:
  text: "<generated post text>"
  media_type: "IMAGE"
  media_path: "~/Downloads/linkedin-screenshot.png"

Step 3: Post text-only (fallback if image fails)

If the image upload fails, fall back to a text-only post: