Slides-Grab 卡片新闻技能
在 Claude Code / Codex 中复用 slides-grab 工作流,生成 720×720 正方形、适合 Instagram 发布的卡片新闻图片。
技能本身权限收窄:仅调用打包 CLI,明确禁止 SNS/Instagram 自动发布,输出本地 PNG,无网络外发或凭据操作描述;但依赖安装 Playwright/sharp 等较重依赖链,且可选图像生成路径涉及外部 provider 与本地 auth. 复用,数据流说明不完全,未验证发布者身份,回滚机制未说明,故未给高分。
工作流命令与 README 卡片新闻章节完全一致(720pt×720pt、card-news 模式、png 默认导出),仓库含 editor-card-news-preview-clip.e2e.test.js 等 card-news 相关测试;但该 SKILL.md 依赖 slides-grab-plan 技能(未在证据中),未展示 card-news 校验/导出失败的错误反馈细节,静态审查下不超过 10 分上限。
场景明确(Instagram 方形卡片新闻)、边界清晰(仅本地导出、不自动发布、实验性格式需显式请求),触发条件描述具体;但未声明不适配范围(如无浏览器环境)、无中文支持说明,且核心工作流依赖 Codex/Claude Code 登录与 npm 安装,对中国大陆网络可达性存在不确定性,故扣除部分分。
SKILL.md 结构清晰(Goal/Workflow/Rules),MIT 许可证明确,实验性功能标注诚实,命名与 CLI 参数稳定一致;但技能自身无版本号、变更日志、FAQ 或已知限制清单,维护责任依赖仓库整体信息,未验证发布者,故中等偏上。
声称复用已验证的 slides-grab 工作流生成可直接用于 Instagram 的 2160p 方形 PNG,边际价值明确(自动化尺寸/导出流程);但静态审查无法确认 card-news 输出实际质量,PPTX/Figma 路径自认不稳定,未达 7 分上限要求的核心任务完成证据,故 6 分。
技能声明与 README、package. 测试套件(含 editor-card-news e2e 测试)可交叉印证,可审计的第一手材料存在;但静态审查未执行,无第三方独立执行证据(提供的 CI 工作流仅为 Pages 部署与 npm 发布,未见测试 CI),故不超过 5 分上限。
- 技能依赖未在证据中展示的 slides-grab-plan 技能,使用前请确认该上游技能存在且版本兼容。
- PPTX 与 Figma 导出被官方标注为实验性/不稳定,可能需要手动清理输出。
- 可选图像生成路径可能复用本地 ~/.codex/auth. 或需要外部 API 密钥,请审查数据流后再启用。
- 安装链包含 Playwright、sharp 等较重依赖,请通过 npm 官方源安装并核对包完整性。
- 无中文支持说明;核心工具链(npm、Codex/Claude 登录)在中国大陆网络的可达性未经验证。
- 发布者身份未经 FollowSkills 企业注册表验证,视为未知;本评估仅为静态源码审查,未执行任何命令。
这个 Skill 能做什么,适合哪些场景?
slides-grab-card-news 是 slides-grab 幻灯片工具集中的一个专项技能,把常规的宽屏演示流程改造为正方形卡片新闻流程。它复用现有的规划、设计、校验、编辑与导出环节,但强制每张卡片为 720pt × 720pt,并以逐页 PNG(默认 2160p)作为默认导出格式,因为 Instagram 等渠道消费的是图片而非 PDF。该技能通过 slides-grab CLI 的 card-news 模式工作,PDF、PPTX 与 Figma 导出仅在用户明确要求时提供,且 PPTX/Figma 路径仍属实验性。它明确不做 SNS/Instagram 自动发布。
读取 slides-grab-plan 生成的演示大纲,在设计阶段将每张卡片固定为 720pt × 720pt;运行 slides-grab validate、build-viewer、edit(均带 --mode card-news)进行校验、构建查看器与可视化编辑;默认执行 slides-grab png --slide-mode card-news --resolution 2160p 输出逐张正方形 PNG(可选 --output-dir 指定输出目录);仅在用户明确要求时运行 slides-grab pdf、slides-grab convert(PPTX)或 slides-grab figma,并提醒用户 PPTX/Figma 为实验性功能。
- 运营人员需要把一篇主题或文件内容转成可逐张发布到 Instagram 信息流的正方形图文卡片。
- 内容创作者想用 AI 快速迭代卡片文案与排版,并在浏览器编辑器中框选区域让 agent 修改。
- 营销团队希望批量产出 1:1 卡片图,且导出格式是 PNG 图片而非 PDF 文档。
- 已有 slides-grab 演示文稿的用户,想把同一工作流切换到 card-news 模式生成社交卡片。
- 需要在导出前用 Playwright 校验卡片 HTML、确保本地资源引用正确的团队。
这个 Skill 有哪些优点和局限?
- 正方形 720×720 画布端到端贯通,输出直接适配 Instagram 等卡片渠道。
- 默认逐张 2160p PNG 导出,符合卡片分发场景的实际需求。
- 复用成熟的 slides-grab 校验、查看器、可视化编辑(bbox 选取、直接改文案)与导出体系。
- MIT 许可,npm 一键安装,Claude Code 与 Codex 双支持。
- PPTX 与 Figma 导出为实验性/不稳定,可能出现布局偏移并需手动清理。
- PDF、convert、figma 导出被 design-gate 阻断,必须先取得 proceed 记录。
- 依赖 slides-grab CLI 与 Playwright Chromium 运行时,非纯文档技能。
- 明确不支持 SNS/Instagram 自动发布,需手动上传。
- 除仓库自述与演示 GIF 外,无独立测试数据或第三方评测佐证效果。
如何安装这个 Skill?
安装整个 slides-grab 集合即可获得本技能(技能位于仓库 skills/slides-grab-card-news/SKILL.md)。无需克隆的安装方式:npm install slides-grab,然后 npx playwright install chromium,再运行 npx slides-grab install-skills --target all --scope user 把共享 Agent Skills 与运行时适配器装入 Claude Code 和 Codex。也可用 npm 包配合 Vercel Agent Skills:npx skills add ./node_modules/slides-grab -g -a codex -a claude-code --yes --copy --full-depth。要求 Node.js >= 20。若想参与开发则克隆仓库并运行 npm ci && npx playwright install chromium。
如何使用这个 Skill?
在 Claude Code 或 Codex 中直接提出需求即可,例如:“用 card-news 模式帮我把这份大纲做成 Instagram 卡片新闻,导出 PNG。” 技能会引导 agent 走四步:1) 复用 slides-grab-plan 的大纲流程;2) 以 720pt × 720pt 设计并运行 slides-grab validate / build-viewer / edit(--mode card-news);3) 执行 slides-grab png --slides-dir <path> --slide-mode card-news --resolution 2160p 导出逐张 PNG(默认输出到 <slides-dir>/out-png,可用 --output-dir 更改);4) 仅在明确要求时导出 PDF/PPTX/Figma。注意:PDF/convert/figma 导出需先通过 design-gate 的 proceed 记录;PPTX 与 Figma 为实验性、不稳定。
这个 Skill 与同类方案有什么区别?
仓库自述将其定位为“Claude Design 的开源替代方案”。与通用的宽屏 slides-grab 技能相比,本技能专做正方形卡片新闻,默认导出 PNG 而非 PDF;与生成 HTML 幻灯片但不支持可视化框选编辑的 AI 工具相比,slides-grab 的差异化在于可在浏览器编辑器中框选区域并让 agent 原位修改。