Skip to content

Claude Code Skill: 给任意链接生成同风格推广海报(HTML + PNG)

Notifications You must be signed in to change notification settings

OrangeViolin/link-poster

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 

Repository files navigation

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 加载:

License

MIT

About

Claude Code Skill: 给任意链接生成同风格推广海报(HTML + PNG)

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors