linkedin-project-post
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseLinkedIn Project Post
LinkedIn 项目帖子
Command
命令
/linkedin-postlinkedin-post/linkedin-postlinkedin-postKeywords
关键词
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:
| 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 |
我会为你的项目生成一篇引人入胜的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
捕获流程
- 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.
- 检查用户是否已有想要使用的截图或图片。如果有,直接使用该图片。
- 若提供了在线演示URL但无现有截图,使用以下方法自动捕获。
- 将截图保存至 ~/Downloads/linkedin-screenshot.png。
- 打开下载文件夹,方便用户在撰写帖子时拖放图片。
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并打开文件夹
undefinedundefinedMethod 1: Using Puppeteer (Node.js)
方法1:使用Puppeteer(Node.js)
bash
npx puppeteer screenshot [URL] --output ~/Downloads/linkedin-screenshot.png --viewport 1200x630bash
npx puppeteer screenshot [URL] --output ~/Downloads/linkedin-screenshot.png --viewport 1200x630Method 2: Using Shot-scraper (Python)
方法2:使用Shot-scraper(Python)
bash
shot-scraper [URL] -o ~/Downloads/linkedin-screenshot.png --width 1200 --height 630bash
shot-scraper [URL] -o ~/Downloads/linkedin-screenshot.png --width 1200 --height 630Method 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.pngbash
curl "https://api.screenshotone.com/take?url=[URL]&viewport_width=1200&viewport_height=630&format=png" -o ~/Downloads/linkedin-screenshot.pngRecommended 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 #SideProjectEmoji 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 Server | Language | Tools | Install |
|---|---|---|---|
| lurenss/linkedin-mcp | Node.js | | |
| Lnxtanx/LinkedIn-MCP | Python | | |
| MCP服务器 | 语言 | 工具 | 安装方式 |
|---|---|---|---|
| lurenss/linkedin-mcp | Node.js | | |
| Lnxtanx/LinkedIn-MCP | Python | | |
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 or
validate_linkedin_credentialsget_linkedin_profile - Lnxtanx/LinkedIn-MCP: Call with a dry-run or check for tool availability
create_post
If no LinkedIn MCP is configured, fall back to the manual flow (open browser).
调用MCP工具验证凭据:
- lurenss/linkedin-mcp:调用或
validate_linkedin_credentialsget_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)
- Create a LinkedIn Developer App at https://www.linkedin.com/developers/
- Add OAuth redirect URI:
http://localhost:8080/callback - Request "Share on LinkedIn" and "Sign In with LinkedIn" products
- Generate an access token (valid 60 days)
- Add to Claude Code MCP config (or project
~/.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"
}
}
}
}Option B: Lnxtanx/LinkedIn-MCP (Python/FastMCP)
- Same LinkedIn Developer App setup as above
- Get access token with scope
w_member_social - Get your Member URN ()
urn:li:person:XXXXXXXXXX - Configure credentials in
main.py - Run:
uv run fastmcp dev main.py
要启用自动发布,用户需配置LinkedIn MCP服务器。若未配置,指导用户完成设置:
选项A:lurenss/linkedin-mcp(Node.js)
- 在https://www.linkedin.com/developers/创建LinkedIn开发者应用
- 添加OAuth重定向URI:
http://localhost:8080/callback - 申请"Share on LinkedIn"和"Sign In with LinkedIn"权限
- 生成访问令牌(有效期60天)
- 添加到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)
- 完成上述相同的LinkedIn开发者应用设置
- 获取带有权限的访问令牌
w_member_social - 获取你的Member URN()
urn:li:person:XXXXXXXXXX - 在中配置凭据
main.py - 运行:
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
手动步骤
- Screenshot auto-captured and saved to ~/Downloads/linkedin-screenshot.png
- LinkedIn compose page opens in browser
- Paste the generated post text
- Attach the screenshot as the post image → Click the photo icon → upload linkedin-screenshot.png from Downloads
- Tag relevant people or companies if applicable
- Post during peak LinkedIn hours (Tue-Thu, 8-10am)
- Engage with comments promptly
- 截图已自动捕获并保存至~/Downloads/linkedin-screenshot.png
- 浏览器自动打开LinkedIn创作页面
- 粘贴生成的帖子文本
- 附上截图作为帖子图片 → 点击图片图标 → 从下载文件夹上传linkedin-screenshot.png
- 如有需要,标记相关人员或公司
- 在LinkedIn高峰时段发布(周二至周四,上午8-10点)
- 及时回复评论
Next Steps
后续步骤
After the post is published (via MCP or manually):
- Verify the post appears on your LinkedIn feed
- Check that the image/screenshot is displaying correctly
- Tag relevant people or companies if applicable
- Post during peak LinkedIn hours (Tue-Thu, 8-10am) for best engagement
- Engage with comments promptly
- 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或手动):
- 验证帖子是否出现在你的LinkedIn动态中
- 检查图片/截图是否正常显示
- 如有需要,标记相关人员或公司
- 在LinkedIn高峰时段发布(周二至周四,上午8-10点)以获得最佳互动量
- 及时回复评论
- 将帖子链接分享给你的团队
提示:带图片的LinkedIn帖子互动量比纯文本帖子高2倍。务必附上截图。