返回资讯中心
外部精选
软件工程
#开发者实时流

Shot-butcher:为 iOS、iPadOS、macOS 应用批量生成商店截图的 Claude Code 技能

来源标题:Show HN: Shot-butcher: iOS, ipados, macOS apps screenshot maker skill

开源项目 Shot-butcher 作为 Claude Code 技能,可将应用截图批量生成为符合 App Store 要求的商店图片。它支持 iPhone、iPad、Mac 三种尺寸,提供 25 种风格,还能按语言自动撰写文案,并用 HTML/CSS 和无头浏览器渲染,以保证输出一致。

Hacker News 最新spacecash212026/11/3 · 5 天前30 分钟阅读

以下正文由 AI 翻译自 Hacker News 最新(原文版权归原站所有),可能存在偏差,重要内容请以原文为准。

选定一种风格,你整套里的每一张截图、每一台设备和每一种语言都会保持这种风格。下面每种风格下方的 prompt 可以为你自己的 App 复现同样的外观。

iPhone、iPad 和 Mac 商店尺寸 · 按语言生成文案 · 免费且开源

25 种风格从 True Bento 到 Risograph,每一种都在下方展示

商店尺寸iPhone 1320×2868,iPad 2064×2752,Mac 2880×1800

一条 prompt每种风格下方都印有 prompt,可复现该外观

真实截图你 App 的屏幕,绝非模拟 UI

Shot Butcher 是 Claude Code 的一个 skill。你把截图放进去,出来的就是完成的、无 alpha 通道的商店 PNG。绘制由 HTML、CSS 和无头浏览器完成,所以同一套素材下个月渲染出来还是一模一样。

/plugin marketplace add GraphicMeat/shot-butcher /plugin install shot-butcher@shot-butcher 采集 用你自己的 PNG,或者使用内置脚本从 iOS 模拟器、Mac 窗口和 web 构建中采集。 选择 从下方选一种风格并复制它的 prompt。按你的 App 调整强调色和平台。 渲染 这个 skill 会按语言写出标题、适配文字、标出任何小到不适合做商店缩略图的内容,并为每台设备导出对应的商店尺寸。 风格 每种风格都用我们自己的两个 App 展示,Mac 上的 MailVault 和 iPhone、iPad 上的 PhotoBooks。点击任意截图可翻看该风格的全部画面。 圆角磁贴网格:大磁贴放截图,还有 App 标识和统计磁贴,每个功能各占一个小磁贴。 shot-butcher style=true-bento theme=dark accent=#7C5CFF platforms=mac 圆角磁贴网格:大磁贴放截图,还有 App 标识和统计磁贴,每个功能各占一个小磁贴。 PhotoBooks · iPhone、iPad复制 prompt shot-butcher style=true-bento theme=light accent=#E8603C platforms=iphone,ipad 圆角磁贴网格:大磁贴放截图,还有 App 标识和统计磁贴,每个功能各占一个小磁贴。 02标题置顶 居中的眉题、主标题和副标题置于柔和的强调色调画布上;设备位于下方,并从底边溢出。 shot-butcher style=headline-top theme=dark accent=#7C5CFF platforms=mac 居中的眉题、主标题和副标题置于柔和的强调色调画布上;设备位于下方,并从底边溢出。 PhotoBooks · iPhone、iPad复制 prompt shot-butcher style=headline-top theme=light accent=#E8603C platforms=iphone,ipad 居中的眉题、主标题和副标题置于柔和的强调色调画布上;设备位于下方,并从底边溢出。 03顶部出血 设备从顶边落入一块纯色强调面板之上;左下对齐的厚重标题文字块锚定在底部。 shot-butcher style=bleed-top theme=dark accent=#7C5CFF platforms=mac 设备从顶边落入一块纯色强调面板之上;左下对齐的厚重标题文字块锚定在底部。 PhotoBooks · iPhone、iPad复制 prompt shot-butcher style=bleed-top theme=light accent=#E8603C platforms=iphone,ipad 设备从顶边落入一块纯色强调面板之上;左下对齐的厚重标题文字块锚定在底部。 04全景 整套素材是一条连续的横带:一条流动的强调色丝带贯穿每一处接缝,间隔出现的设备跨过接缝延伸进下一张截图。 shot-butcher style=panorama theme=dark accent=#7C5CFF platforms=mac 整套素材是一条连续的横带:一条流动的强调色丝带贯穿每一处接缝,间隔出现的设备跨过接缝延伸进下一张截图。 PhotoBooks · iPhone、iPad复制 prompt shot-butcher style=panorama theme=light accent=#E8603C platforms=iphone,ipad 整套素材是一条连续的横带:一条流动的强调色丝带贯穿每一处接缝,间隔出现的设备跨过接缝延伸进下一张截图。 05倾斜 3D 设备以透视姿态立于地平面之上,拖着长长的柔和投影;衬线标题在 Mac 上居左,在 iPhone 和 iPad 上居中置顶;倾斜角度逐张交替。 shot-butcher style=tilted-3d theme=dark accent=#7C5CFF platforms=mac 设备以透视姿态立于地平面之上,拖着长长的柔和投影;衬线标题在 Mac 上居左,在 iPhone 和 iPad 上居中置顶;倾斜角度逐张交替。 PhotoBooks · iPhone、iPad复制 prompt shot-butcher style=tilted-3d theme=light accent=#E8603C platforms=iphone,ipad 设备以透视姿态立于地平面之上,拖着长长的柔和投影;衬线标题在 Mac 上居左,在 iPhone 和 iPad 上居中置顶;倾斜角度逐张交替。 06缩放标注 设备以中等尺寸呈现,一个圆形放大镜放大屏幕的某一区域,并通过柔和的切线锥与设备相连;衬线标题。 shot-butcher style=zoom-callout theme=dark accent=#7C5CFF platforms=mac 设备以中等尺寸呈现,一个圆形放大镜放大屏幕的某一区域,并通过柔和的切线锥与设备相连;衬线标题。 PhotoBooks · iPhone、iPad复制 prompt shot-butcher style=zoom-callout theme=light accent=#E8603C platforms=iphone,ipad 设备以中等尺寸呈现,一个圆形放大镜放大屏幕的某一区域,并通过柔和的切线锥与设备相连;衬线标题。 07拆解 UI 设备自身屏幕的两三块被提取出来,变成漂浮的带阴影卡片滑出画面边缘,留下带色调的凹槽。 shot-butcher style=exploded-ui theme=dark accent=#7C5CFF platforms=mac 设备自身屏幕的两三块被提取出来,变成漂浮的带阴影卡片滑出画面边缘,留下带色调的凹槽。 PhotoBooks · iPhone、iPad复制 prompt shot-butcher style=exploded-ui theme=light accent=#E8603C platforms=iphone,ipad 设备自身屏幕的两三块被提取出来,变成漂浮的带阴影卡片滑出画面边缘,留下带色调的凹槽。 08全出血 截图铺满画布直至边缘;眉题、主标题和副标题置于一条毛玻璃条上(Mac 在底部,iPhone 和 iPad 在顶部)。 shot-butcher style=full-bleed theme=dark accent=#7C5CFF platforms=mac 截图铺满画布直至边缘;眉题、主标题和副标题置于一条毛玻璃条上(Mac 在底部,iPhone 和 iPad 在顶部)。 PhotoBooks · iPhone、iPad复制 prompt shot-butcher style=full-bleed theme=light accent=#E8603C platforms=iphone,ipad

(原文较长,此处译出前 6000 字,完整内容请点「打开原文」。)

正文由 探How 从来源站点 RSS 同步,内容未经改写;遇到排版缺失或需要图片、视频时请以原文为准。

打开原文
去社区讨论 →