给任意网页链接生成同风格推广海报(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(手机竖屏) |
- 抓取页面 — 获取 HTML + CSS 源码
- 提取风格 — 配色变量、字体、氛围、核心文案
- 适配布局 — 根据页面风格自动选择装饰方案(暗色科技/明亮清新/复古文艺/极简商务/游戏娱乐)
- 生成 HTML — 单文件,纯 CSS 装饰,QR 码,下载按钮
- 浏览器预览 — 自动打开,DOWNLOAD PNG 一键导出
无本地依赖。海报通过以下 CDN 加载:
- Google Fonts(字体)
- QR Server API(二维码)
- html2canvas(PNG 导出)
MIT