Link Poster — Development skill for Claude Code

Link Poster — Claude Code Skill

给任意网页链接生成同风格推广海报（HTML + 一键下载 PNG）。

自动抓取页面的视觉语言（配色、字体、氛围），生成风格统一的高清海报。

效果示例

输入一个链接，自动生成：

• 完全复刻目标页面的配色和字体
• 纯 CSS 装饰（星空/渐变/粒子/光效等）
• 内嵌二维码，扫码直达
• 右上角一键下载 2x 高清 PNG

安装

将 `SKILL.md` 放入 Claude Code 的全局 skills 目录：

mkdir -p ~/.claude/skills/link-poster
cp SKILL.md ~/.claude/skills/link-poster/

或者一行搞定：

mkdir -p ~/.claude/skills/link-poster && curl -fsSL https://raw.githubusercontent.com/OrangeViolin/link-poster/main/SKILL.md -o ~/.claude/skills/link-poster/SKILL.md

安装后重启 Claude Code 即可生效。

使用

在 Claude Code 中直接说：

/link-poster https://your-website.com

或者自然语言：

给 https://your-website.com 做张海报

其他触发词：`做海报`、`生成海报`、`推广海报`、`/poster`

输入参数

参数	必须	说明
URL	是	目标网页链接
二维码链接	否	二维码指向的地址，默认等于 URL
尺寸	否	海报尺寸，默认 750x1334（手机竖屏）

工作原理

1. 抓取页面 — 获取 HTML + CSS 源码
2. 提取风格 — 配色变量、字体、氛围、核心文案
3. 适配布局 — 根据页面风格自动选择装饰方案（暗色科技/明亮清新/复古文艺/极简商务/游戏娱乐）
4. 生成 HTML — 单文件，纯 CSS 装饰，QR 码，下载按钮
5. 浏览器预览 — 自动打开，DOWNLOAD PNG 一键导出

依赖

无本地依赖。海报通过以下 CDN 加载：

• Google Fonts（字体）
• QR Server API（二维码）
• html2canvas（PNG 导出）

License

MIT