一行命令,搞定 App Store 截图
截图做不好看
一行命令,搞定 App Store 截图
一个 Claude Code 技能,聊几句就能生成广告级 App Store 宣传图
App Store 截图 · Claude Code · 独立开发 · AI 技能 · 宣传图
全文约 798 字 · 预计阅读 2 分钟
PART 01
截图之痛
开发者的设计难题
PART 02
一行安装
技能怎么用
PART 03
广告级品质
不只是截屏
PART 04
趋势判断
不擅长的事变少
WebCoding 独立开发者都知道一件事:写代码是最简单的部分。
上架 App Store 的时候,你会发现一堆跟代码无关的活在等着你。其中有一项,几乎所有人都会卡住——截图。
不是截个屏就行的那种。
App Store 要的是宣传图。带文案、带设计、带手机壳、带品牌感。四个尺寸,最多十张,每张都得像广告。
说实话,这事比修一个诡异的 bug 还折磨。
01
PART
开发者做截图有多痛苦
你打开 Figma,盯着空白画布,不知道从哪下手。
去看别人的 App Store 页面,截图做得赏心悦目。你照着做,拼了半天出来的东西,说好听叫 ” 朴素 “,说难听就是丑。
找设计师?一套报价几千块,你的 app 可能连广告费都没回本。
用在线模板工具?来回调参数,换张图又要重新对齐,效率低得想摔键盘。
不是工具不够多。 不是教程不够多。 不是你不努力。是这件事本身就不在你的能力圈里。
你让一个外科医生去画油画,他也为难。
02
PART
一行命令装一个技能
最近我发现了一个开源项目,叫 app-store-screenshots。
它是一个 Claude Code 的技能,安装就一行:
npx skills add ParthJadhav/app-store-screenshots
装好之后,你跟 Claude 说一句 ” 帮我生成 App Store 截图 “,它就开始干活了。
它先问你几个问题:app 做什么的,品牌色是什么,想要什么风格,需要几张图。
然后自动搭一个项目,把截图页面全生成好。每一张都是广告级的设计——有文案,有手机壳,有渐变背景,有层次。
打开浏览器,点一下,PNG 导出。苹果要求的四个尺寸,全部自动适配。

03
PART
不是截屏,是广告
这个技能最让我意外的,是它对 ” 宣传图 ” 的理解。
它不是把你的界面截个图贴上去。它按广告的逻辑来设计:每张图都有一句打动用户的文案,界面只是配角,情绪才是主角。

而且支持多语言。要上英文区、德文区、阿拉伯文区,它自动生成对应语言的截图。阿拉伯语还会做从右到左的布局适配,不是简单翻转,是重新排版。
这个项目上线一个月,GitHub 上已经 3500 多颗星了。作者自己的咖啡 app Bloom,截图就是用这个技能生成的,通过了苹果审核直接上架。
04
PART
不擅长的事,正在变少
让我感慨的不是这个工具本身。
是 ” 做 App Store 截图 ” 这件事,一直都是独立开发者的隐形门槛。代码写完了,本来觉得大功告成,结果卡在一张图上。
现在有人把它变成了一个 AI 技能。一行命令安装,聊几句就出图。
就像以前装修房子,得自己一趟一趟跑建材市场。现在有人把整套方案打包好了,你说一句 ” 我喜欢这个风格 “,剩下的它来。
以后这样的技能只会越来越多。
@麦先生说
如果对你有用,欢迎点赞、分享、推荐
A LIFE OF GROWTH
夜雨聆风