コンテンツにスキップ

Claude Codeスキル · オープンソース

App Store用の画像を、25スタイルで。 プロンプトは各1つ。

スタイルを選ぶだけで、セット内のすべてのショット、デバイス、言語にそのスタイルが行き渡ります。下の各スタイルに添えたプロンプトで、あなたのアプリにも同じ見た目を再現できます。

iPhone、iPad、Macのストアサイズに対応 · 言語ごとのコピー · 無料でオープンソース

MailVault version 2.16.0 en — Mac向けTrue BentoのApp Storeスクリーンショット: 統合受信トレイ PhotoBooks version 1.0.6 ja — iPhone向けTrue BentoのApp Storeスクリーンショット: ようこそ画面

使い方

インストールして、アプリに向ける。

Shot Butcherは、Claude Code用のスキルです。キャプチャを渡すと、アルファチャンネルなしのストア用PNGが仕上がります。描画はHTML、CSS、ヘッドレスブラウザが担当するので、来月も同じ結果でセットを出力できます。

/plugin marketplace add GraphicMeat/shot-butcher
/plugin install shot-butcher@shot-butcher
  1. キャプチャ 手持ちのPNGを使うか、付属のスクリプトでiOSシミュレータ、Macのウィンドウ、Webビルドを撮影します。
  2. 選ぶ 下からスタイルを選び、プロンプトをコピーします。アクセントカラーとプラットフォームは、アプリに合わせて変更してください。
  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について質問する

最初に確認メールを1通お送りします。その後は、Shot Butcherや他のGraphic Meatプロダクトで知っておいていただきたい更新があるときに、短いお知らせをお届けします。

GitHubで入手