{"slug": "show-hn-shot-butcher-ios-ipados-macos-apps-screenshot-maker-skill", "title": "Show HN: Shot-butcher: iOS, ipados, macOS apps screenshot maker skill", "summary": "GraphicMeat released Shot Butcher, an open-source Claude Code skill that generates App Store screenshots in 25 styles across iPhone, iPad and Mac store sizes, with per-language copy. Users install it via the Claude Code plugin marketplace, supply their own PNG captures or use the included iOS simulator, Mac window and web-build scripts, then render finished store PNGs without an alpha channel using HTML, CSS and a headless browser. The skill writes headlines per language, fits text, flags anything too small for a store thumbnail and exports the correct store size for each device.", "body_md": "Claude Code skill · open source\n\n# 25 App Store screenshot styles. *One prompt each.*\n\nPick a style and every shot, device and language in your set keeps it. The prompt under each style below reproduces that look for your own app.\n\niPhone, iPad and Mac store sizes · per-language copy · free and open source\n\nHow it works\n\n## Install it. Point it at your app.\n\nShot Butcher is a skill for Claude Code. Your captures go in, finished store PNGs with no alpha channel come out. HTML, CSS and a headless browser do the drawing, so a set renders the same way next month.\n\n```\n/plugin marketplace add GraphicMeat/shot-butcher\n/plugin install shot-butcher@shot-butcher\n```\n\n1. **Capture** Bring your own PNGs, or use the included scripts for the iOS simulator, Mac windows and web builds.\n2. **Pick** Choose a style below and copy its prompt. Change the accent and platforms to suit your app.\n3. **Render** The skill writes your headlines per language, fits the text, flags anything too small for a store thumbnail, and exports the store size for each device.\n\nThe styles\n\n## Twenty-five looks, one rule: the set stays together.\n\nEach style is shown on two of our own apps, MailVault on Mac and PhotoBooks on iPhone and iPad. Click any screenshot to page through the whole style.\n\n### True Bento\n\nRounded tile grid: capture in the big tile, app identity and stat tiles, every feature as its own small tile.\n\n```\nshot-butcher style=true-bento theme=dark accent=#7C5CFF platforms=mac\nRounded tile grid: capture in the big tile, app identity and stat tiles, every feature as its own small tile.\nshot-butcher style=true-bento theme=light accent=#E8603C platforms=iphone,ipad\nRounded tile grid: capture in the big tile, app identity and stat tiles, every feature as its own small tile.\n```\n\n### Headline Top\n\nCentred kicker, headline and sub on a soft accent-tinted canvas; the device sits below and bleeds off the bottom edge.\n\n```\nshot-butcher style=headline-top theme=dark accent=#7C5CFF platforms=mac\nCentred kicker, headline and sub on a soft accent-tinted canvas; the device sits below and bleeds off the bottom edge.\nshot-butcher style=headline-top theme=light accent=#E8603C platforms=iphone,ipad\nCentred kicker, headline and sub on a soft accent-tinted canvas; the device sits below and bleeds off the bottom edge.\n```\n\n### Bleed Top\n\nDevice drops in from the top edge over a solid accent panel; a heavy left-aligned caption block is anchored to the bottom.\n\n```\nshot-butcher style=bleed-top theme=dark accent=#7C5CFF platforms=mac\nDevice drops in from the top edge over a solid accent panel; a heavy left-aligned caption block is anchored to the bottom.\nshot-butcher style=bleed-top theme=light accent=#E8603C platforms=iphone,ipad\nDevice drops in from the top edge over a solid accent panel; a heavy left-aligned caption block is anchored to the bottom.\n```\n\n### Panorama\n\nOne continuous strip across the set: a flowing accent ribbon runs through every seam and alternate devices straddle the seam into the next shot.\n\n```\nshot-butcher style=panorama theme=dark accent=#7C5CFF platforms=mac\nOne continuous strip across the set: a flowing accent ribbon runs through every seam and alternate devices straddle the seam into the next shot.\nshot-butcher style=panorama theme=light accent=#E8603C platforms=iphone,ipad\nOne continuous strip across the set: a flowing accent ribbon runs through every seam and alternate devices straddle the seam into the next shot.\n```\n\n### Tilted 3D\n\nDevice standing in perspective on a floor plane with a long soft cast shadow; serif headline left on Mac, on top on iPhone and iPad; tilt alternates per shot.\n\n```\nshot-butcher style=tilted-3d theme=dark accent=#7C5CFF platforms=mac\nDevice standing in perspective on a floor plane with a long soft cast shadow; serif headline left on Mac, on top on iPhone and iPad; tilt alternates per shot.\nshot-butcher style=tilted-3d theme=light accent=#E8603C platforms=iphone,ipad\nDevice standing in perspective on a floor plane with a long soft cast shadow; serif headline left on Mac, on top on iPhone and iPad; tilt alternates per shot.\n```\n\n### Zoom Callout\n\nDevice at a moderate size with a circular loupe magnifying one region of the screen, joined to it by a soft tangent cone; serif headline.\n\n```\nshot-butcher style=zoom-callout theme=dark accent=#7C5CFF platforms=mac\nDevice at a moderate size with a circular loupe magnifying one region of the screen, joined to it by a soft tangent cone; serif headline.\nshot-butcher style=zoom-callout theme=light accent=#E8603C platforms=iphone,ipad\nDevice at a moderate size with a circular loupe magnifying one region of the screen, joined to it by a soft tangent cone; serif headline.\n```\n\n### Exploded UI\n\nDevice with two or three pieces of its own screen lifted out as floating, shadowed cards that slide over the frame edge, leaving tinted sockets behind.\n\n```\nshot-butcher style=exploded-ui theme=dark accent=#7C5CFF platforms=mac\nDevice with two or three pieces of its own screen lifted out as floating, shadowed cards that slide over the frame edge, leaving tinted sockets behind.\nshot-butcher style=exploded-ui theme=light accent=#E8603C platforms=iphone,ipad\nDevice with two or three pieces of its own screen lifted out as floating, shadowed cards that slide over the frame edge, leaving tinted sockets behind.\n```\n\n### Full Bleed\n\nThe capture fills the canvas edge to edge; kicker, headline and sub sit on a frosted glass bar (bottom on Mac, top on iPhone and iPad).\n\n```\nshot-butcher style=full-bleed theme=dark accent=#7C5CFF platforms=mac\nThe capture fills the canvas edge to edge; kicker, headline and sub sit on a frosted glass bar (bottom on Mac, top on iPhone and iPad).\nshot-butcher style=full-bleed theme=light accent=#E8603C platforms=iphone,ipad\nThe capture fills the canvas edge to edge; kicker, headline and sub sit on a frosted glass bar (bottom on Mac, top on iPhone and iPad).\n```\n\n### Split Duo\n\nCentred headline over two staggered, overlapping devices on a rounded plinth: Mac pairs the dark and light versions of one screen, iPhone and iPad pair this screen with the next.\n\n```\nshot-butcher style=split-duo theme=dark accent=#7C5CFF platforms=mac\nCentred headline over two staggered, overlapping devices on a rounded plinth: Mac pairs the dark and light versions of one screen, iPhone and iPad pair this screen with the next.\nshot-butcher style=split-duo theme=light accent=#E8603C platforms=iphone,ipad\nCentred headline over two staggered, overlapping devices on a rounded plinth: Mac pairs the dark and light versions of one screen, iPhone and iPad pair this screen with the next.\n```\n\n### Kinetic Type\n\nGiant, tightly-leaded uppercase headline fills the canvas behind the device, which rises from the bottom edge over the last line; words alternate solid ink, outline and accent.\n\n```\nshot-butcher style=kinetic-type theme=dark accent=#7C5CFF platforms=mac\nGiant, tightly-leaded uppercase headline fills the canvas behind the device, which rises from the bottom edge over the last line; words alternate solid ink, outline and accent.\nshot-butcher style=kinetic-type theme=light accent=#E8603C platforms=iphone,ipad\nGiant, tightly-leaded uppercase headline fills the canvas behind the device, which rises from the bottom edge over the last line; words alternate solid ink, outline and accent.\n```\n\n### Editorial Serif\n\nMagazine spread: paper ground, tracked kicker with a hairline rule and a \"01 / 06\" folio, big serif headline ending in accent italic, capture as a keylined photo plate.\n\n```\nshot-butcher style=editorial-serif theme=dark accent=#7C5CFF platforms=mac\nMagazine spread: paper ground, tracked kicker with a hairline rule and a \"01 / 06\" folio, big serif headline ending in accent italic, capture as a keylined photo plate.\nshot-butcher style=editorial-serif theme=light accent=#E8603C platforms=iphone,ipad\nMagazine spread: paper ground, tracked kicker with a hairline rule and a \"01 / 06\" folio, big serif headline ending in accent italic, capture as a keylined photo plate.\n```\n\n### Swiss Grid\n\nInternational Typographic Style: visible column grid, label row over a heavy rule, huge slot index, accent rule bars, flush-left headline, device locked to grid columns.\n\n```\nshot-butcher style=swiss-grid theme=dark accent=#7C5CFF platforms=mac\nInternational Typographic Style: visible column grid, label row over a heavy rule, huge slot index, accent rule bars, flush-left headline, device locked to grid columns.\nshot-butcher style=swiss-grid theme=light accent=#E8603C platforms=iphone,ipad\nInternational Typographic Style: visible column grid, label row over a heavy rule, huge slot index, accent rule bars, flush-left headline, device locked to grid columns.\n```\n\n### Brutalist\n\nLoud flat background, huge uppercase Archivo Black in thick-bordered blocks with hard offset shadows, square slab-framed capture and a tilted feature ticker.\n\n```\nshot-butcher style=brutalist theme=dark accent=#7C5CFF platforms=mac\nLoud flat background, huge uppercase Archivo Black in thick-bordered blocks with hard offset shadows, square slab-framed capture and a tilted feature ticker.\nshot-butcher style=brutalist theme=light accent=#E8603C platforms=iphone,ipad\nLoud flat background, huge uppercase Archivo Black in thick-bordered blocks with hard offset shadows, square slab-framed capture and a tilted feature ticker.\n```\n\n### Minimal Mono\n\nMonochrome field with lots of whitespace, a small floating device and one short Instrument Sans caption; the accent is only a tiny dot.\n\n```\nshot-butcher style=minimal-mono theme=dark accent=#7C5CFF platforms=mac\nMonochrome field with lots of whitespace, a small floating device and one short Instrument Sans caption; the accent is only a tiny dot.\nshot-butcher style=minimal-mono theme=light accent=#E8603C platforms=iphone,ipad\nMonochrome field with lots of whitespace, a small floating device and one short Instrument Sans caption; the accent is only a tiny dot.\n```\n\n### Liquid Glass\n\nBackground is the capture itself, enlarged and heavily blurred; caption on a frosted translucent glass card with a bright highlight edge; device floats on top overlapping the card.\n\n```\nshot-butcher style=liquid-glass theme=dark accent=#7C5CFF platforms=mac\nBackground is the capture itself, enlarged and heavily blurred; caption on a frosted translucent glass card with a bright highlight edge; device floats on top overlapping the card.\nshot-butcher style=liquid-glass theme=light accent=#E8603C platforms=iphone,ipad\nBackground is the capture itself, enlarged and heavily blurred; caption on a frosted translucent glass card with a bright highlight edge; device floats on top overlapping the card.\n```\n\n### Aurora Dark\n\nNear-black sky with aurora curtains in the accent and its complementary hue, a coloured glow pooled under an off-centre device, light flush-left type.\n\n```\nshot-butcher style=aurora-dark theme=dark accent=#7C5CFF platforms=mac\nNear-black sky with aurora curtains in the accent and its complementary hue, a coloured glow pooled under an off-centre device, light flush-left type.\nshot-butcher style=aurora-dark theme=dark accent=#E8603C platforms=iphone,ipad\nNear-black sky with aurora curtains in the accent and its complementary hue, a coloured glow pooled under an off-centre device, light flush-left type.\n```\n\n### Spotlight\n\nBlack stage, one soft cone of light from the top onto a centred device, a pool of light and faint floor reflection beneath, light airy headline in the beam.\n\n```\nshot-butcher style=spotlight theme=dark accent=#7C5CFF platforms=mac\nBlack stage, one soft cone of light from the top onto a centred device, a pool of light and faint floor reflection beneath, light airy headline in the beam.\nshot-butcher style=spotlight theme=dark accent=#E8603C platforms=iphone,ipad\nBlack stage, one soft cone of light from the top onto a centred device, a pool of light and faint floor reflection beneath, light airy headline in the beam.\n```\n\n### Blueprint\n\nTechnical drawing on a fine grid: outlined device with dashed contour and centre line, dimension lines labelled with the kicker and app name, mono leader-line callouts naming features.\n\n```\nshot-butcher style=blueprint theme=dark accent=#7C5CFF platforms=mac\nTechnical drawing on a fine grid: outlined device with dashed contour and centre line, dimension lines labelled with the kicker and app name, mono leader-line callouts naming features.\nshot-butcher style=blueprint theme=light accent=#E8603C platforms=iphone,ipad\nTechnical drawing on a fine grid: outlined device with dashed contour and centre line, dimension lines labelled with the kicker and app name, mono leader-line callouts naming features.\n```\n\n### Annotated Sketch\n\nDot-grid notebook paper, clean Fraunces headline, device on the right and handwritten Caveat margin notes on the left with wobbly hand-drawn accent arrows pointing into the UI.\n\n```\nshot-butcher style=annotated-sketch theme=dark accent=#7C5CFF platforms=mac\nDot-grid notebook paper, clean Fraunces headline, device on the right and handwritten Caveat margin notes on the left with wobbly hand-drawn accent arrows pointing into the UI.\nshot-butcher style=annotated-sketch theme=light accent=#E8603C platforms=iphone,ipad\nDot-grid notebook paper, clean Fraunces headline, device on the right and handwritten Caveat margin notes on the left with wobbly hand-drawn accent arrows pointing into the UI.\n```\n\n### Checklist\n\nHeadline over a ticked checklist of every feature, hand-drawn accent checks breaking out of their boxes; device beside it on Mac, bleeding off the bottom on iPhone and iPad.\n\n```\nshot-butcher style=checklist theme=dark accent=#7C5CFF platforms=mac\nHeadline over a ticked checklist of every feature, hand-drawn accent checks breaking out of their boxes; device beside it on Mac, bleeding off the bottom on iPhone and iPad.\nshot-butcher style=checklist theme=light accent=#E8603C platforms=iphone,ipad\nHeadline over a ticked checklist of every feature, hand-drawn accent checks breaking out of their boxes; device beside it on Mac, bleeding off the bottom on iPhone and iPad.\n```\n\n### Color Sequence\n\nIdentical centred layout on every shot, each on the next flat colour of a six-step hue sequence from the accent, with a chip row marking its place; ink flips per colour for contrast; dark theme adds a tinted glow behind the device.\n\n```\nshot-butcher style=color-sequence theme=dark accent=#7C5CFF platforms=mac\nIdentical centred layout on every shot, each on the next flat colour of a six-step hue sequence from the accent, with a chip row marking its place; ink flips per colour for contrast; dark theme adds a tinted glow behind the device.\nshot-butcher style=color-sequence theme=light accent=#E8603C platforms=iphone,ipad\nIdentical centred layout on every shot, each on the next flat colour of a six-step hue sequence from the accent, with a chip row marking its place; ink flips per colour for contrast; dark theme adds a tinted glow behind the device.\n```\n\n### Risograph\n\nTwo-ink riso print on warm paper: accent plus a dark second ink, grain, stepped halftone dot fields, an off-register accent overprint on the poster headline and the device on an offset accent plate.\n\n```\nshot-butcher style=risograph theme=light accent=#7C5CFF platforms=mac\nTwo-ink riso print on warm paper: accent plus a dark second ink, grain, stepped halftone dot fields, an off-register accent overprint on the poster headline and the device on an offset accent plate.\nshot-butcher style=risograph theme=light accent=#E8603C platforms=iphone,ipad\nTwo-ink riso print on warm paper: accent plus a dark second ink, grain, stepped halftone dot fields, an off-register accent overprint on the poster headline and the device on an offset accent plate.\n```\n\n### Stat Hero\n\nOne huge measured number in the accent with its label beneath dominates the hero; feature shots make the headline the giant element in the same spot, device smaller in the bottom-right corner.\n\n```\nshot-butcher style=stat-hero theme=dark accent=#7C5CFF platforms=mac\nOne huge measured number in the accent with its label beneath dominates the hero; feature shots make the headline the giant element in the same spot, device smaller in the bottom-right corner.\nshot-butcher style=stat-hero theme=light accent=#E8603C platforms=iphone,ipad\nOne huge measured number in the accent with its label beneath dominates the hero; feature shots make the headline the giant element in the same spot, device smaller in the bottom-right corner.\n```\n\n### Sticker Pop\n\nBright flat field, chunky Bricolage Grotesque headline and the device covered in tilted die-cut stickers: a scalloped kicker seal plus feature pills and tags with thick white cut lines and drop shadows.\n\n```\nshot-butcher style=sticker-pop theme=dark accent=#7C5CFF platforms=mac\nBright flat field, chunky Bricolage Grotesque headline and the device covered in tilted die-cut stickers: a scalloped kicker seal plus feature pills and tags with thick white cut lines and drop shadows.\nshot-butcher style=sticker-pop theme=light accent=#E8603C platforms=iphone,ipad\nBright flat field, chunky Bricolage Grotesque headline and the device covered in tilted die-cut stickers: a scalloped kicker seal plus feature pills and tags with thick white cut lines and drop shadows.\n```\n\n### Stack Cascade\n\nThis screen in front, the next two screens stacked behind it, stepped and tilted like a fanned deck; headline beside (Mac) or above (iPhone, iPad) with a slot-position dot row.\n\n```\nshot-butcher style=stack-cascade theme=dark accent=#7C5CFF platforms=mac\nThis screen in front, the next two screens stacked behind it, stepped and tilted like a fanned deck; headline beside (Mac) or above (iPhone, iPad) with a slot-position dot row.\nshot-butcher style=stack-cascade theme=light accent=#E8603C platforms=iphone,ipad\nThis screen in front, the next two screens stacked behind it, stepped and tilted like a fanned deck; headline beside (Mac) or above (iPhone, iPad) with a slot-position dot row.\n```\n\nEvery language\n\n## Same style. Your customers' language.\n\nCopy lives per language from the start. Long German headlines shrink to fit and Japanese wraps properly, and localized captures go in the same slot.\n\nShot Butcher\n\n## Stop dragging\n\nscreenshots around.\n\nFree and open source. Install the skill, paste a prompt from this page, and let it butcher your screens into a store-ready set.\n\n[Get it on GitHub](https://github.com/GraphicMeat/shot-butcher)\n\n## A question before you start?\n\nAsk about a style, a device size, or something that isn't working.\n\n[Ask about Shot Butcher](https://graphicmeat.com/contact?product=Something%20else)", "url": "https://wpnews.pro/news/show-hn-shot-butcher-ios-ipados-macos-apps-screenshot-maker-skill", "canonical_source": "https://graphicmeat.com/shot-butcher", "published_at": "2026-11-03 21:59:57+00:00", "updated_at": "2026-11-03 22:20:22.024332+00:00", "lang": "en", "topics": ["ai-tools", "developer-tools", "ai-agents"], "entities": ["GraphicMeat", "Shot Butcher", "Claude Code", "MailVault", "PhotoBooks"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/show-hn-shot-butcher-ios-ipados-macos-apps-screenshot-maker-skill", "markdown": "https://wpnews.pro/news/show-hn-shot-butcher-ios-ipados-macos-apps-screenshot-maker-skill.md", "text": "https://wpnews.pro/news/show-hn-shot-butcher-ios-ipados-macos-apps-screenshot-maker-skill.txt", "jsonld": "https://wpnews.pro/news/show-hn-shot-butcher-ios-ipados-macos-apps-screenshot-maker-skill.jsonld"}}