Agent Skill 其他

文章海报生成器

一款AI工具,能够根据输入的文章内容自动生成具有视觉吸引力的社交媒体海报,提升文章的在线分享效果和传播范围。

查看 GitHub 仓库 ↗ ⭐ 23 Stars

Skill名称:article-poster-generator(文章海报生成器)

来源:社区第三方(tengj)

运行宿主:Claude-Code CLI

核心定位:将长文章智能拆分为5-8张竖版信息图海报,适合知识传播、内容营销等可视化分享场景。

🧩 内部核心组成

子Agent集合

  • 【无公开信息】

斜杠命令

命令名功能简述
【无公开信息】【无公开信息】

MCP工具

  • 【无公开信息】

模板文件

内置5种视觉风格模板:

  • dark-tech:暗夜科技风,金属质感红黑配色
  • cyberpunk:赛博朋克风,霓虹发光效果
  • minimal-biz:极简清新风,专业商务风格
  • guochao:黑金奢华风,复古邀请函设计
  • dark-green:暗夜青绿风,极客科技感

Hooks钩子

  • 【无公开信息】

规则约束

基于认知心理学理论框架:

  • 7±2法则控制信息密度
  • F型阅读视觉动线设计
  • 格式塔原理组织内容
  • SCQA叙事框架排序内容

目录结构

~/.claude/skills/article-poster-generator/
├── scripts/
│   └── generate_posters.py    # 核心生成脚本
└── templates/                 # HTML模板文件

🛠 安装与启用方式

安装命令

skills install --user tengj/article-poster-generator

前置依赖

  • Python 3.x
  • Playwright 浏览器自动化框架

启动方式

安装后Skill自动集成到Claude-Code CLI,通过自然语言指令触发:

  • "生成海报"
  • "做成卡片/信息图"
  • "制作信息图/infographic"

📋 标准工作流

  1. 输入解析:用户提供文章内容(文本/链接/文档)
  2. 内容分析:Agent通读全文,提取核心观点和结构
  3. 智能拆分:按金字塔原理逆向拆解为3层信息结构
  4. 布局匹配:根据内容特性选择6种布局之一(cover/content/steps/grid/quote/summary)
  5. 数据生成:输出结构化JSON数据文件
  6. 渲染生成:调用Python脚本将HTML模板渲染为2400×3600 PNG图片
  7. 成果交付:输出图片文件和配套多平台发布文案

⚠️ 关键限制、缺陷、注意事项

平台限制

  • 仅支持Claude-Code CLI环境
  • 依赖Playwright,需要浏览器环境

性能考量

  • 图片生成需要一定计算资源
  • 长文章处理可能消耗较多token

内容适配

  • 最适合结构化较强的技术文章、教程、分析报告
  • 不适合诗歌、小说等文学性内容
  • 每张海报文字量限制在200字以内

生产环境

  • 社区开源项目,需自行测试稳定性
  • 建议在预发布环境验证效果后再上生产

✅ 适用场景 & ❌ 不适合场景

✅ 适用场景

  • 技术博客文章可视化分享
  • 产品更新说明制作信息图
  • 教程类内容步骤可视化
  • 研究报告关键数据展示
  • 社交媒体内容营销素材制作

❌ 不适合场景

  • 文学创作类内容(诗歌、小说)
  • 高度专业化的学术论文
  • 需要精确排版控制的商业设计
  • 实时性要求极高的新闻快讯
  • 包含大量数学公式的技术文档

如何安装

skills install --user tengj/article-poster-generator

通用安装教程:在哪里输入上面的命令

上面的命令本质是在「终端 / 命令行」中调用技能管理器,把该 Skill 下载并注册到你的 AI 工具。各主流工具打开终端的位置不同,按下面操作即可:

  1. 打开工具自带的终端面板,或系统终端(macOS「终端」、Windows「PowerShell」、Linux「Terminal」)。
  2. 把上面的安装命令复制进去,回车运行,等待下载与注册完成。
  3. 重启或重新加载 AI 工具,让新安装的 Skill 被识别。
  4. 新建对话并触发:直接描述用途,或通过该工具的技能 / 斜杠菜单选中此 Skill。
Claude 桌面版(macOS / Windows)

桌面版没有内置命令行,Skill 需通过 Claude Code CLI 安装。打开系统终端,先执行 npm install -g @anthropic-ai/claude-code,再运行上面的安装命令;完成后完全退出并重新打开 Claude。

Claude Code(终端 CLI)

直接在项目目录的终端里运行上面的命令即可。也可先输入 claude 启动交互界面,再在对话中引用该 Skill(/ 斜杠菜单或直接描述用途)。

VS Code(含 GitHub Copilot)

打开终端面板:菜单「终端 → 新建终端」,或快捷键 Ctrl+`(macOS 为 ⌃+`)。在终端里运行上面的命令;装完后执行「重新加载窗口」(Ctrl+Shift+P → Reload Window),让 Copilot 等扩展识别新技能。

Cursor

底部「终端」面板(Ctrl+`)即是内置终端。粘贴运行上面的命令,完成后在命令面板执行「Reload Window」刷新,再开始对话。

Windsurf

底部「终端」面板运行命令;也可直接使用其内置 Agent 终端,在对话侧执行安装。

其他工具(ChatGPT、本地脚本等)

不支持本地终端的产品,可先在本机终端完成安装,再在对话中描述该 Skill 的能力让其调用;不同工具的命令格式请以其官方文档为准。

风险提示

✅ 低风险

自动扫描未发现高危命令、隐私抓取或数据外传行为。仍建议安装前快速浏览仓库代码。

相似 Skill 推荐

品味技能
Leonxlnx/taste-skill
低风险

品味技能 - 让AI拥有好品味,阻止AI生成无聊、通用的垃圾内容。

CowAgent
zhayujie/CowAgent
低风险

开源超级AI助手与智能体框架。规划任务,运行工具和技能,通过记忆和知识自我进化。多模型、多通道。轻量级、可扩展、一行安装。(前身为chatgpt-on-wechat)

Obsidian技能
kepano/obsidian-skills
低风险

为Obsidian设计的智能体技能。教会你的智能体使用Obsidian CLI以及开放格式,包括Markdown、Bases、JSON Canvas。

AI网站克隆模板
JCodesMore/ai-website-cloner-template
低风险

使用AI编码代理,通过一条命令克隆任何网站。