跳至内容

Claude Code 技能 · 开源

25 种 App Store 截图风格。 每种一条提示词。

选一种风格,整套截图里的每张图、每台设备、每种语言都会保持一致。下方每种风格附带的提示词,可以为你自己的 App 复现同样的效果。

支持 iPhone、iPad 和 Mac 商店尺寸 · 按语言配文案 · 免费开源

MailVault version 2.16.0 en — Mac 的True Bento App Store 截图:统一收件箱 PhotoBooks version 1.0.6 en — iPhone 的True Bento App Store 截图:欢迎页

工作方式

安装,然后指向你的 App。

Shot Butcher 是一个 Claude Code 技能。放进你的截取图,输出不带 alpha 通道的成品商店 PNG。绘制全靠 HTML、CSS 和无头浏览器,所以下个月重新渲染,结果依然一样。

/plugin marketplace add GraphicMeat/shot-butcher
/plugin install shot-butcher@shot-butcher
  1. 截取 自带 PNG 即可,也可以使用附带的脚本,截取 iOS 模拟器、Mac 窗口和网页版本。
  2. 挑选 在下方选一种风格,复制它的提示词。再按你的 App 调整强调色和平台。
  3. 渲染 技能会按语言撰写标题、自动适配文字、标出在商店缩略图里太小的内容,并为每台设备导出对应的商店尺寸。

支持所有语言

风格不变,换成客户的语言。

文案从一开始就按语言存放。德语长标题会自动缩小以适配,日语能正确换行,本地化的截取图也放在同一个位置。

English
PhotoBooks version 1.0.6 en — iPhone 的True Bento App Store 截图,第 1 张,共 6 张:欢迎页
Deutsch
PhotoBooks version 1.0.6 de — iPhone 的True Bento App Store 截图,第 1 张,共 6 张:欢迎页
日本語
PhotoBooks version 1.0.6 ja — iPhone 的True Bento App Store 截图,第 1 张,共 6 张:欢迎页

Shot Butcher

别再一张张拖截图。
把屏幕剁成一套。

免费开源。安装技能,粘贴本页的一条提示词,让它把你的屏幕剁成一套可直接上架的截图。

前往 GitHub 获取 需要 Claude Code · 演示照片和字体的出处见仓库

开始之前有疑问?

关于某种风格、设备尺寸,或是哪里出了问题,都可以来问。

咨询 Shot Butcher

现在只需确认一次,之后每当 Shot Butcher 或 Graphic Meat 的其他产品有值得一看的更新,我们会发来一条简短的说明。

前往 GitHub 获取