mcpField
P
photo-to-zine-postcard

photo-to-zine-postcard

github.com/whiplashzebクリエイティブ・メディア26439 回インストール12 週間前に更新
リポジトリ

photo-to-zine-postcard について

1 枚の写真から、表裏がそろったポストカード画像を作るデザインスキルです。元写真を保ち、表面には固定レイアウトで手描きモチーフ、写真から抽出した色、控えめな情報を配置します。

主な機能

  1. 01統一感のある表裏画像の生成
  2. 02元写真と縦横比の維持
  3. 03固定の縦長 2:3 表面レイアウト
  4. 04写真を象徴するモチーフの選択と描画
  5. 05写真から抽出した 3 色の配置

活用シーン

  1. 01旅行写真をポストカードにする
  2. 02印刷用の表裏デザインを作成する
  3. 03写真の主題と配色を生かした編集レイアウトを作る

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/whiplashzeb/photo-to-zine-postcard --skill photo-to-zine-postcard

インストール後、Claude Code で/photo-to-zine-postcardを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

CHANGELOG.md
CONTRIBUTING.md
LICENSE
README_EN.md
README.md
assets/
README.md
docs/
CUSTOMIZATION.md
examples/
README.md

詳細

SKILL.md — photo-zine-postcard-v3.3

1. 名前

photo-zine-postcard-v3.3

1 枚の元写真から、ミニマルなポストカードの表面と裏面を生成する、コンパクトで自己完結型のスキルです。

このドキュメントのみを使用してください。
外部のスキルを取得したり、参照したりしないでください。


2. 目的

連動する 2 枚の画像を生成します。

  1. 表面 — 上部に元写真を配置し、その下にミニマルなエディトリアル構成を加えます
  2. 裏面 — 統一感のあるポストカードの裏面

デザインは次の要件を満たす必要があります。

  • ミニマル
  • 余白を活かす
  • 元写真に固有のものにする
  • 視覚的に魅力的
  • 手作り感を控えめに加える
  • 印刷に適している

元写真を主役にします。
下部には、サンプルを寄せ集めるのではなく、印象的なビジュアルモチーフを 1 つ配置します。


3. デフォルト形式

  • カードの縦横比:縦向きの 2:3
  • 基準印刷サイズ:100 × 150 mm
  • 背景:温かみのあるオフホワイト/アイボリーの紙
  • テクスチャ:ごく控えめな紙目
  • 元写真:直接埋め込みます
  • 下部の断片スタイル:デフォルトは hand_drawn_first
  • パレット:デフォルトで有効

4. 表面の固定構成

レイアウトを再設計しないでください。

次の構成を使用します。

  1. 上部に元写真
  2. 余裕のある空白の切り替えスペース
  3. 左下にメタデータブロック
  4. 右下に大きなメインビジュアルモチーフを 1 つ
  5. 任意で、補助モチーフをもう 1 つ、かなり小さく配置
  6. 下部付近に小さなカラースウォッチをちょうど 3 つ

これ以外のビジュアル要素は追加しないでください。


5. メイン写真

  • 実際の元写真を使用します。
  • 元の縦横比を正確に保ちます。
  • デフォルトでは、引き伸ばしたり、描き直したり、差し替えたり、トリミングしたりしないでください。
  • 上半分に水平方向の中央揃えで配置します。
  • ごく細いフレームを付けます。
  • 写真とフレームの間に、小さく均等な紙の余白を設けます。
  • ごく小さなアーカイブ風テープの装飾は、最大 1 つまで使用できます。

6. メインモチーフの選定

モデルはまず、単に切り出しやすいオブジェクトではなく、視覚的に最も魅力的で、元写真の特徴を最もよく表すモチーフを選定する必要があります。

選定の優先順位

次の要素の組み合わせが最も強いモチーフを選びます。

  1. 元写真を特徴づける個性
  2. 視覚的に魅力的な色
  3. 明瞭なシルエット
  4. 強いコントラスト
  5. 優美な形
  6. 写真全体との関連性
優先するモチーフ
  • 鮮やかなターコイズ色または青色の水の形
  • 特徴的な海岸線
  • 存在感のある山のシルエット
  • 表情豊かな植物のまとまり
  • 見分けやすい窓とツタの組み合わせ
  • 優美な建築の断片
  • 視覚的に目立つ雲や影
メインモチーフとして避けるもの
  • より鮮やかな色の被写体がある場合の、くすんだベージュ色の断片
  • 視覚的に重要でないがれき
  • 最も魅力的ではないのに、最も簡単に切り出せるオブジェクト
  • コントラストの低い二次的なディテール
  • 写真の主な視覚的特徴を表さない断片
必須ルール

元写真に明らかに目立つ色の特徴がある場合、通常、メインモチーフはその特徴から選びます。

例:

  • ターコイズ色の湖の写真 → ターコイズ色の水/海岸線のモチーフを選びます
  • 夕焼けの山 → 光に照らされた尾根または空に映える山頂を選びます
  • ツタの絡まる窓 → 窓とツタのまとまりを選びます
  • 花のクローズアップ → 鉢や背景ではなく、花を選びます

7. 手描き優先ルール

被写体が適している場合、デフォルトではメインモチーフを手描きにします。

これは任意のスタイリング表現ではありません。
推奨される描画モードです。

必須の手描き表現

次のいずれか、または複数を組み合わせ、抑制の効いたエディトリアルイラストとしてメインモチーフを描きます。

  • 水彩
  • ガッシュ
  • インク
  • 鉛筆
  • 切り紙風イラスト
  • 手描きの輪郭線
  • やわらかな手描きのテクスチャ

仕上がりは次の要件を満たす必要があります。

  • 元のシルエットを保つ
  • 主要な内部構造を保つ
  • 見分けられる特徴を保つ
  • 元写真の色の特徴を保つ
  • 写真をそのまま切り出したものより生き生きとさせる
  • すっきりと整った印象にする

描画に適したモチーフには、メインモチーフとして写真をそのまま切り出したものを使用しないでください。

手描きに適したモチーフの例:

  • 水の形
  • 海岸線
  • 島
  • 山
  • 植物
  • 枝
  • 窓
  • 雲
  • 岩
  • シンプルな建物
  • ファサード
  • 自然の輪郭
クロップによる代替

正確な再現が不可欠な場合に限り、元画像のクロップを使用してください。たとえば、次のような場合です。

  • 顔
  • 手
  • 文字や看板
  • 精密な機械
  • 複雑な遠近感
  • 密集した反復模様
  • 簡略化すると識別しにくくなる物体

クロップで代替する場合は、軽く柔らかくし、紙になじませてください。


8. メインモチーフのサイズと配置

メインモチーフははっきりと見えるようにし、V3 Liteよりも大きくしてください。

推奨サイズ:

  • 幅:カード幅の28%–38%
  • 高さ:カード高さの14%–22%

配置:

  • 右下
  • 下部中央より右

モチーフはメイン写真より目立たないようにしつつ、意図的に配置され、存在感のあるものにしてください。


9. サブモチーフ

任意です。

ルール:

  • サブモチーフは最大1つ
  • サイズ:メインモチーフの20%–35%
  • メインモチーフの近くに配置
  • 同じビジュアルストーリーを支えること
  • 手描きでも、軽くクロップしたものでも可
  • メインモチーフと同じ大きさにしないこと

10. カラースウォッチ

カラースウォッチはデフォルトで有効です。

元写真から抽出した小さなスウォッチをちょうど3つ使用してください。

  1. 支配色
  2. 暗い構造色
  3. 淡いニュートラルカラーまたはアクセントカラー

ルール:

  • 小さく、補助的にする
  • シンプルな円または長方形にする
  • テクスチャ見本カードは使用しない
  • 大きなパレット帯は使用しない
  • 3つを超えない
  • 下端付近またはメインモチーフの近くに配置
  • メインモチーフの代わりにしない

ターコイズ色の湖の例では、通常、次の色をスウォッチに含めてください。

  • 明るいターコイズ
  • 深いティール
  • 淡い鉱物質の砂色

11. メタデータ

使用できるテキスト:

  • タイトル
  • 任意の短いサブタイトル
  • LOCATION
  • DATE
  • 小さな通し番号

推奨配置:

  • 左下
  • 控えめでコンパクトにする

次のものは追加しないでください。

  • キーワードのリスト
  • 説明文
  • 複数のラベル
  • SHORE / ISLAND / MINERAL / LAGOON / SALTのようなフレーズ
  • 明示的に求められていない限り、UnknownやUndatedなどの創作したメタデータ

値が提供されていない場合は、メタデータの値を空欄にしてください。


12. 表面に配置してはいけない要素

次のものは追加しないでください。

  • 複数の切り抜きを並べた列
  • 複数のメインモチーフ
  • テクスチャ見本ボックス
  • 素材見本カード
  • 画像見本のグリッド
  • 大きな色面
  • 汎用的な円
  • 装飾的な点
  • 波の落書き
  • バッジ
  • 印章
  • ロゴ
  • キーワードのリスト
  • 長いキャプション
  • 横幅いっぱいの下部構成
  • 明示的に求められていない丸みのあるカードの角

迷った場合は、シンプルにしてください。


13. 裏面

統一感のあるはがきの裏面を生成してください。

次の要素を含めてください。

  • 細い外枠
  • 中央より少し右に配置した縦の仕切り線
  • 右上の切手枠
  • 右側に3~4本の住所記入線
  • 左側に広いメッセージ記入欄

任意:

  • 左上付近に小さなPOST CARDの文字
  • 左下付近に小さなメタデータまたは通し番号
  • 元画像由来のごく薄い透かしを1つ

次のものは追加しないでください。

  • 大きなコラージュ
  • 大きなパレット
  • 装飾的な見本ブロック
  • 記入スペースを狭めるもの

14. 品質要件

目標:

  • 最高のディテール品質
  • シャープではっきりとした描画
  • 鮮明なエッジ
  • 洗練された手描きの質感
  • きれいな紙の質感
  • ノイズを抑える
  • ぼかさない
  • にごった水彩表現にしない
  • エッジをにじませない
  • 後の4×超解像アップスケーリングに適した品質

品質要件は描画の改善にのみ適用してください。
要素の数を増やしてはいけません。


15. 優先順位

常に次の順序に従ってください。

  1. 元写真を正しく埋め込む
  2. V3 Liteのレイアウトを維持する
  3. 広い余白を維持する
  4. 元画像を特徴づける、最も視覚的に魅力のあるモチーフを選ぶ
  5. 適している場合は手描きの表現を使用する
  6. メインモチーフを、はっきりと認識できる大きさにする
  7. 任意で小さなサブモチーフを1つ追加する
  8. 元画像から抽出した小さなカラースウォッチをちょうど3つ含める
  9. メタデータは最小限にする
  10. それ以外はすべて省く

後のルールが前のルールと矛盾する場合は、前のルールに従ってください。


16. 表面プロンプトのテンプレート

Create a minimal portrait postcard front using the fixed V3 Lite structure.

Use the actual source photo in the upper area. Preserve its exact original aspect ratio. Do not repaint, replace, stretch, or crop it unless cropping was explicitly requested. Center it horizontally, keep generous margins, add a very thin frame, and leave a small even paper gap between the photo and frame.

Keep a large blank transition area below the photo.

In the lower area, use:
- one compact metadata block on the lower left
- one large source-specific main motif on the lower right
- optionally one much smaller supporting motif near it
- exactly three small color swatches sampled from the source photo

Select the main motif based on visual attractiveness and source identity, not ease of extraction. Prefer the most distinctive color-rich and elegant feature in the image. When the source contains a dominant color feature, choose that feature as the main motif. Do not choose a dull neutral fragment when a stronger colored motif exists.

Render the main motif as a restrained hand-drawn editorial illustration whenever suitable. Preserve its original silhouette, major internal structure, identity, and source color character. Use controlled watercolor, gouache, ink, pencil, or cut-paper illustration treatment. Keep it clean, sharp, and clearly derived from the source photo.

Use a source crop only when exact fidelity is essential.

The main motif should occupy roughly 28% to 38% of the card width and remain subordinate to the photo.

Use exactly three tiny source-derived color swatches: dominant color, dark structural color, and pale neutral or accent color.

Add only:
- title
- optional short subtitle
- LOCATION
- DATE
- small index number

Leave location and date values blank if the user did not provide them.

Do not add keyword lists, sample boxes, rows of cutouts, image cards, generic circles, large color blocks, wave doodles, badges, seals, logos, or long text.

Use warm ivory paper with subtle grain.

Quality: highest detail quality, sharp and clear, crisp edges, refined hand-drawn texture, low noise, no blur, suitable for later 4× super-resolution upscaling.

Overall mood: minimal, airy, refined, source-specific, lightly hand-crafted, and collectible.

17. 裏面プロンプトのテンプレート

Create a matching unified postcard back using the same portrait 2:3 ratio, paper tone, thin-line style, and restrained visual language as the front.

Keep it functional and mostly blank.

Include:
- thin outer border
- one vertical divider slightly right of center
- stamp box in the upper-right
- 3 or 4 address lines on the right
- large blank message area on the left

Optionally add small POST CARD text near the upper-left and tiny metadata or index near the lower-left.

Do not add a large collage, palette, sample blocks, or decoration that reduces writing space.

Quality: clean sharp lines, refined paper texture, low noise, no blur, suitable for later 4× super-resolution upscaling.

18. 簡易チェックリスト

表面
  • 元の写真を埋め込む
  • 元のアスペクト比を維持する
  • 細いフレームと均等な余白を設ける
  • V3 Liteのレイアウトを維持する
  • 広い余白を残す
  • 見た目の魅力を重視してメインのモチーフを選ぶ
  • 特徴的な色を優先する
  • 適している場合は手描き風にする
  • メインのモチーフを十分に大きくする
  • 補助的なモチーフは小さなものを1つまでにする
  • 小さなカラースウォッチを必ず3つだけ配置する
  • キーワード一覧を入れない
  • サンプルボックスを入れない
  • 装飾を過剰にしない
  • 高精細で鮮明に出力する
裏面
  • 機能的なレイアウトに統一する
  • 書き込みスペースを確保する
  • 大きなコラージュを入れない
  • すっきりと鮮明に出力する

19. 一文での定義

V3 Liteのレイアウトを維持し、上部に元の写真を変更せずに埋め込み、下部には素材の特徴を最もよく表し、見た目にも魅力的なモチーフを選びます。適している場合は、控えめな手描き風のエディトリアルイラストとして大きく描き、補助的なモチーフは任意で1つだけ残し、素材から抽出した小さなカラースウォッチを必ず3つだけ含めます。

コメント