Link Poster
Description
Claude Code Skill: 给任意链接生成同风格推广海报（HTML + PNG）
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
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（手机竖屏） |
工作原理
- 抓取页面 — 获取 HTML + CSS 源码
- 提取风格 — 配色变量、字体、氛围、核心文案
- 适配布局 — 根据页面风格自动选择装饰方案（暗色科技/明亮清新/复古文艺/极简商务/游戏娱乐）
- 生成 HTML — 单文件，纯 CSS 装饰，QR 码，下载按钮
- 浏览器预览 — 自动打开，DOWNLOAD PNG 一键导出
依赖
无本地依赖。海报通过以下 CDN 加载：
- Google Fonts（字体）
- QR Server API（二维码）
- html2canvas（PNG 导出）
License
MIT
Related Skills
Auto Update
Pull the latest ECC repo changes and reinstall the current managed targets.
Ecc Guide
Navigate ECC's current agents, skills, commands, hooks, install profiles, and docs from the live repository su
Epic Claim
Claim an epic issue, stamp coordination state, and sync local ownership.
Epic Publish
Publish a validated epic update back to the issue and local cache.
Epic Review
Mark epic review requested, approved, or changes requested.
Epic Unblock
Sweep blocked epic issues and reopen anything whose dependencies are closed.