linkedin-project-post

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

LinkedIn Project Post

LinkedIn 项目帖子

Command

命令

/linkedin-post
or
linkedin-post
/linkedin-post
linkedin-post

Keywords

关键词

linkedin, linkedin post, share project, vibe coding, showcase project, social media post, project announcement, github project, portfolio post
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.
生成引人入胜的LinkedIn帖子,用于向开发者社区展示你的编码项目,内容充满热情,包含表情符号和行动号召。

Execution

执行要求

This skill runs using Claude Code with subscription plan. Do NOT use pay-as-you-go API keys.
该技能需使用订阅版Claude Code运行。请勿使用按量付费的API密钥。

Response

响应

I'll generate an exciting LinkedIn post for your project!
The post will include:
SectionDescription
ScreenshotAuto-captured screenshot of the demo site
Auto-PostPublish directly via LinkedIn MCP (if configured)
HookExciting opening with emojis to grab attention
Live Demo LinkURL to the deployed app
GitHub Repo LinkURL to the source code
What It's AboutBrief description of the project purpose
Key FeaturesBullet list of main features with checkmarks
Tech StackTechnologies used with emoji icons
Call to ActionEncourage fork, comment, discuss, star
HashtagsRelevant hashtags for visibility
我会为你的项目生成一篇引人入胜的LinkedIn帖子!
帖子将包含以下内容:
板块说明
截图自动捕获演示站点的截图
自动发布通过LinkedIn MCP直接发布(若已配置)
开头钩子带有表情符号的吸睛开场白
在线演示链接已部署应用的URL
GitHub仓库链接源代码的URL
项目介绍项目用途的简要说明
核心功能带勾选标记的主要功能列表
技术栈所用技术及对应表情符号
行动号召鼓励复刻、评论、讨论、点赞
话题标签提升曝光的相关话题标签

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.
若提供了在线演示URL,务必捕获截图并将其作为LinkedIn帖子的图片附件。截图是帖子的视觉预览——带图片的LinkedIn帖子互动量会显著更高。

Capture Flow

捕获流程

  1. Check if the user already has a screenshot or image they want to use. If yes, use that.
  2. If a live demo URL is provided and no existing screenshot, auto-capture one using the methods below.
  3. Save the screenshot to ~/Downloads/linkedin-screenshot.png.
  4. Open the Downloads folder so the user can easily drag-and-drop the image when composing the post.
  1. 检查用户是否已有想要使用的截图或图片。如果有,直接使用该图片。
  2. 若提供了在线演示URL但无现有截图,使用以下方法自动捕获。
  3. 将截图保存至 ~/Downloads/linkedin-screenshot.png
  4. 打开下载文件夹,方便用户在撰写帖子时拖放图片。

Using the included script (Recommended)

使用内置脚本(推荐)

bash
./scripts/capture-screenshot.sh [URL]
bash
./scripts/capture-screenshot.sh [URL]

Saves to ~/Downloads/linkedin-screenshot.png and opens folder

保存至~/Downloads/linkedin-screenshot.png并打开文件夹

undefined
undefined

Method 1: Using Puppeteer (Node.js)

方法1:使用Puppeteer(Node.js)

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

Method 2: Using Shot-scraper (Python)

方法2:使用Shot-scraper(Python)

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

Method 3: Using Screenshot API

方法3:使用截图API

bash
curl "https://api.screenshotone.com/take?url=[URL]&viewport_width=1200&viewport_height=630&format=png" -o ~/Downloads/linkedin-screenshot.png
bash
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
  • 尺寸:1200x630px(LinkedIn最优尺寸)
  • 格式:PNG或JPG
  • 保存位置:~/Downloads文件夹
  • 整页捕获:否,仅捕获视口内容

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
  • 捕获首页核心区域或主要功能界面
  • 确保应用处于视觉吸引力较强的状态
  • 若需登录,捕获着陆页/登录页
  • 自动打开下载文件夹以便上传
  • 务必提醒用户在LinkedIn帖子中附上截图

Instructions

生成规则

When generating a LinkedIn post, follow this structure:
生成LinkedIn帖子时,请遵循以下结构:

1. Opening Hook

1. 开头钩子

Start with enthusiasm and relevant emojis:
I'm thrilled to share a vibe-coding project I've been building — [Project Name] — [one-line description]! 🚀✨
以热情的语气和相关表情符号开头:
我非常兴奋地分享我一直在开发的Vibe Coding项目——[项目名称]——[一句话描述]!🚀✨

2. Links Section

2. 链接板块

🌐 Check it out: [Live Demo URL]

📦 GitHub repo: [GitHub URL]
🌐 立即体验:[在线演示URL]

📦 GitHub仓库:[GitHub URL]

3. What It's About

3. 项目介绍

🧭 What it's all about

[2-3 sentences describing the problem it solves and who it's for]
🧭 项目初衷

[2-3句话描述项目解决的问题及目标用户]

4. Key Features

4. 核心功能

🚀 Key Features

✅ [Feature 1]
✅ [Feature 2]
✅ [Feature 3]
✅ [Feature 4]
✅ [Feature 5]
… and more to come!
🚀 核心功能

✅ [功能1]
✅ [功能2]
✅ [功能3]
✅ [功能4]
✅ [功能5]
…更多功能即将上线!

5. Tech Stack

5. 技术栈

🛠️ Built With

💻 Tech Stack:
• [Technology 1]
• [Technology 2]
• [Technology 3]
• [Technology 4]
• Hosted on [Platform]
🛠️ 技术实现

💻 技术栈:
• [技术1]
• [技术2]
• [技术3]
• [技术4]
• 部署于[平台]

6. Call to Action

6. 行动号召

⭐ 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]
⭐ 参与进来

喜欢[主题]或编程?欢迎复刻项目、留下评论并参与讨论!
👉 别忘了给仓库点个⭐——每一个点赞都是对开源创作者的鼓励!

🔗 仓库链接:[GitHub URL]

7. Hashtags

7. 话题标签

Add 5-10 relevant hashtags:
#VibeCoding #OpenSource #WebDev #JavaScript #React #BuildInPublic #DevCommunity #100DaysOfCode #CodeNewbie #SideProject
添加5-10个相关话题标签:
#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
合理使用以下表情符号:
  • 🚀 发布/功能
  • ✨ 亮点
  • 🌐 网页/在线演示
  • 📦 GitHub/包管理
  • 🧭 介绍/导航
  • ✅ 功能/勾选标记
  • 🛠️ 技术/工具
  • 💻 代码/开发
  • ⭐ 点赞/行动号召
  • 👉 指引/指向
  • 🔗 链接
  • 🎯 目标/初衷
  • 💡 想法/技巧
  • 🔥 热门/趋势

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
  • 为任意编码项目生成引人入胜的LinkedIn帖子
  • 通过LinkedIn MCP自动发布带图片的帖子(需使用lurenss/linkedin-mcp或Lnxtanx/LinkedIn-MCP)
  • 自动捕获帖子所需截图
  • 根据项目类型自定义语气
  • 添加提升曝光的相关话题标签
  • 创建有吸引力的行动号召
  • 专业展示技术栈
  • 若未配置MCP,自动 fallback 到手动浏览器发布流程

Auto-Post via LinkedIn MCP (Recommended)

通过LinkedIn MCP自动发布(推荐)

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.
若已配置LinkedIn MCP服务器,自动发布带截图的帖子,无需打开浏览器。这是首选流程——零手动操作。

Supported LinkedIn MCP Servers

支持的LinkedIn MCP服务器

MCP ServerLanguageToolsInstall
lurenss/linkedin-mcpNode.js
create_linkedin_post
,
create_linkedin_image_post
npm install
+ build
Lnxtanx/LinkedIn-MCPPython
create_post
(text/image/video/doc)
uv add fastmcp requests
MCP服务器语言工具安装方式
lurenss/linkedin-mcpNode.js
create_linkedin_post
,
create_linkedin_image_post
npm install
+ 构建
Lnxtanx/LinkedIn-MCPPython
create_post
(支持文本/图片/视频/文档)
uv add fastmcp requests

Auto-Post Flow

自动发布流程

Step 1: Check if LinkedIn MCP is available

步骤1:检查LinkedIn MCP是否可用

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).
调用MCP工具验证凭据:
  • lurenss/linkedin-mcp:调用
    validate_linkedin_credentials
    get_linkedin_profile
  • Lnxtanx/LinkedIn-MCP:调用
    create_post
    进行试运行或检查工具可用性
若未配置LinkedIn MCP, fallback 到手动流程(打开浏览器)。

Step 2: Post with image (preferred)

步骤2:发布带图片的帖子(首选)

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"
使用lurenss/linkedin-mcp:
工具: create_linkedin_image_post
参数:
  text: "<生成的帖子文本>"
  image_path: "~/Downloads/linkedin-screenshot.png"
使用Lnxtanx/LinkedIn-MCP:
工具: create_post
参数:
  text: "<生成的帖子文本>"
  media_type: "IMAGE"
  media_path: "~/Downloads/linkedin-screenshot.png"

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

步骤3:发布纯文本帖子(图片上传失败时的fallback)

If the image upload fails, fall back to a text-only post:
Using lurenss/linkedin-mcp:
Tool: create_linkedin_post
Arguments:
  text: "<generated post text>"
Using Lnxtanx/LinkedIn-MCP:
Tool: create_post
Arguments:
  text: "<generated post text>"
  media_type: "TEXT"
若图片上传失败, fallback 到纯文本帖子:
使用lurenss/linkedin-mcp:
工具: create_linkedin_post
参数:
  text: "<生成的帖子文本>"
使用Lnxtanx/LinkedIn-MCP:
工具: create_post
参数:
  text: "<生成的帖子文本>"
  media_type: "TEXT"

Step 4: Confirm success

步骤4:确认发布成功

After posting, report the result:
=== LinkedIn Post Published ===

Status: PUBLISHED
Type:   Image post
Image:  ~/Downloads/linkedin-screenshot.png

Your post is now live on LinkedIn!
发布完成后,反馈结果:
=== LinkedIn帖子已发布 ===

状态: 已发布
类型: 图片帖子
图片: ~/Downloads/linkedin-screenshot.png

你的帖子已在LinkedIn上线!

MCP Setup (One-time)

MCP配置(一次性操作)

To enable auto-posting, the user must configure a LinkedIn MCP server. Guide them through setup if not configured:
Option A: lurenss/linkedin-mcp (Node.js)
  1. Create a LinkedIn Developer App at https://www.linkedin.com/developers/
  2. Add OAuth redirect URI:
    http://localhost:8080/callback
  3. Request "Share on LinkedIn" and "Sign In with LinkedIn" products
  4. Generate an access token (valid 60 days)
  5. Add to Claude Code MCP config (
    ~/.claude/settings.json
    or project
    .mcp.json
    ):
json
{
  "mcpServers": {
    "linkedin-mcp": {
      "command": "node",
      "args": ["/path/to/linkedin-mcp/build/index.js"],
      "env": {
        "LINKEDIN_CLIENT_ID": "your_client_id",
        "LINKEDIN_CLIENT_SECRET": "your_client_secret",
        "LINKEDIN_ACCESS_TOKEN": "your_access_token"
      }
    }
  }
}
Option B: Lnxtanx/LinkedIn-MCP (Python/FastMCP)
  1. Same LinkedIn Developer App setup as above
  2. Get access token with
    w_member_social
    scope
  3. Get your Member URN (
    urn:li:person:XXXXXXXXXX
    )
  4. Configure credentials in
    main.py
  5. Run:
    uv run fastmcp dev main.py
要启用自动发布,用户需配置LinkedIn MCP服务器。若未配置,指导用户完成设置:
选项A:lurenss/linkedin-mcp(Node.js)
  1. https://www.linkedin.com/developers/创建LinkedIn开发者应用
  2. 添加OAuth重定向URI:
    http://localhost:8080/callback
  3. 申请"Share on LinkedIn"和"Sign In with LinkedIn"权限
  4. 生成访问令牌(有效期60天)
  5. 添加到Claude Code MCP配置文件(
    ~/.claude/settings.json
    或项目
    .mcp.json
    ):
json
{
  "mcpServers": {
    "linkedin-mcp": {
      "command": "node",
      "args": ["/path/to/linkedin-mcp/build/index.js"],
      "env": {
        "LINKEDIN_CLIENT_ID": "your_client_id",
        "LINKEDIN_CLIENT_SECRET": "your_client_secret",
        "LINKEDIN_ACCESS_TOKEN": "your_access_token"
      }
    }
  }
}
选项B:Lnxtanx/LinkedIn-MCP(Python/FastMCP)
  1. 完成上述相同的LinkedIn开发者应用设置
  2. 获取带有
    w_member_social
    权限的访问令牌
  3. 获取你的Member URN(
    urn:li:person:XXXXXXXXXX
  4. main.py
    中配置凭据
  5. 运行:
    uv run fastmcp dev main.py

Manual Fallback (No MCP)

手动发布流程(未配置MCP时)

If no LinkedIn MCP is configured, fall back to the manual browser flow:
若未配置LinkedIn MCP, fallback 到手动浏览器发布流程:

Open LinkedIn to Post

打开LinkedIn发布页面

bash
open "https://www.linkedin.com/feed/?shareActive=true"
bash
open "https://www.linkedin.com/feed/?shareActive=true"

Manual Steps

手动步骤

  1. Screenshot auto-captured and saved to ~/Downloads/linkedin-screenshot.png
  2. LinkedIn compose page opens in browser
  3. Paste the generated post text
  4. Attach the screenshot as the post image → Click the photo icon → upload linkedin-screenshot.png from Downloads
  5. Tag relevant people or companies if applicable
  6. Post during peak LinkedIn hours (Tue-Thu, 8-10am)
  7. Engage with comments promptly
  1. 截图已自动捕获并保存至~/Downloads/linkedin-screenshot.png
  2. 浏览器自动打开LinkedIn创作页面
  3. 粘贴生成的帖子文本
  4. 附上截图作为帖子图片 → 点击图片图标 → 从下载文件夹上传linkedin-screenshot.png
  5. 如有需要,标记相关人员或公司
  6. 在LinkedIn高峰时段发布(周二至周四,上午8-10点)
  7. 及时回复评论

Next Steps

后续步骤

After the post is published (via MCP or manually):
  1. Verify the post appears on your LinkedIn feed
  2. Check that the image/screenshot is displaying correctly
  3. Tag relevant people or companies if applicable
  4. Post during peak LinkedIn hours (Tue-Thu, 8-10am) for best engagement
  5. Engage with comments promptly
  6. Share the post link with your team
Tip: LinkedIn posts with images receive up to 2x more engagement than text-only posts. Always include the screenshot.
帖子发布完成后(通过MCP或手动):
  1. 验证帖子是否出现在你的LinkedIn动态中
  2. 检查图片/截图是否正常显示
  3. 如有需要,标记相关人员或公司
  4. 在LinkedIn高峰时段发布(周二至周四,上午8-10点)以获得最佳互动量
  5. 及时回复评论
  6. 将帖子链接分享给你的团队
提示:带图片的LinkedIn帖子互动量比纯文本帖子高2倍。务必附上截图。