Community画像github.com

手绘肖像四阶段工作流

在 Codex 中按四阶段制作手绘卡通肖像海报,优先用弹出选择栏与填空收集照片、风景、装饰和改稿意见。人物采用粗黑外轮廓、轻笔内线、暖象牙亮面与克制的浅赭阴影,交付独立透明图层和拼接稿。

手绘肖像四阶段工作流 とは?

このスキルは、Claude Code や Cursor、Codex などの AI エージェント向けに設計された、手描き風カラーイラストポートレートを生成するためのワークフローです。厳格な 4 段階プロセス(人物→背景→装飾→プレゼンテーションと修正)を順に進め、各段階でポップアップ質問フォームを使ってユーザーから情報を収集します。Codex の `functions.request_user_input_async` 関数を利用し、選択肢や自由入力を通じて写真、テーマ、装飾テキスト、修正依頼を収集します。キャラクターは太い黒い輪郭、繊細な内部線、暖かみのあるアイボリーの明部、控えめな薄黄土色の影で描かれ、透明なレイヤーと合成版を別々に出力します。このスキルの価値は、一貫した品質で効率的にポートレートを作成できる点と、変更が容易なレイヤー構造を提供する点にあります。

対応~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/Reimagica/handdrawn-portrait-kit/tree/HEAD

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

手描きポートレート 4 段階ワークフロー

新作は厳密に 1 人物 → 2 背景 → 3 装飾 → 4 プレゼンテーションと修正 の順で実行し、同じ Codex 会話の中で進めます。最初の 3 項目がすべて明確になってから、生成と合成を開始します。ユーザーから既に与えられた入力を再利用し、毎回最も早い不足段階のみを収集し、質問のタイトルに「段階 N/4」と明記します。ユーザーが「人物だけ描いて」と言った場合は、背景と装飾をスキップできます。その他の不足項目は、現在の段階の質問で確認します。

Codex のインタラクション方法

  • デフォルトでは functions.request_user_input_async を使用してポップアップ質問を発行します。オプションが必要な場合は questions: [{title, options}] を、自由記入が必要な場合は questions: [{title}] を渡します。毎回、現在の段階の質問のみを発行します。実際に受け取った応答を使用して同じタスクを続行します。ツールの戻り値はポップアップが送信されたことのみを示し、事前選択やタイムアウト待機はユーザーの選択とはみなされません。待機中はタスクと段階の進行状況を保持し、応答を受け取った後に続行します。
  • 画像は現在の会話の添付ファイルエントリを介して受信し、オプションバーと自由記入はテキストのみを収集します。人物写真がない場合、またはユーザーが実景写真のアップロードを選択した場合は、現在の会話内で添付ファイルの追加を促し、受信後に続行します。ポップアップツールが使用できない場合は、現在の会話内で短い番号付きオプションまたは自由記入の質問で進めます。
  • 入力がすべて揃っている場合は、次の段階に直接進みます。最初の 3 つの段階の質問はポップアップで進め、同じタスク内に維持します。段階 4 では、プレビューを表示した後もポップアップを使用して意見を収集します。ユーザーが一括出力を要求した場合は直接納品できます。修正が必要な場合は、フィードバックを収集します。

段階 1/4 人物写真と要件

少なくとも 1 枚の人物写真を受け取ります。要件の補足が必要な場合は、「写真をそのまま使用」というポップアップを表示するか、表情、服装、ポーズ、保持する特徴をユーザーに入力させます。集合写真で対象が不明な場合は、ユーザーに指定してもらいます。メインの写真が身元、服装、ポーズ、顔の構造を決定し、補助写真は五官の補足に使用します。顔が傾いている場合は、顔の構造と部分修正 に従って、眼軸、鼻口の正中線、頬の幅、下顎のラインを記録してから画像生成を開始します。

まず、人物画法 に従ってメイン写真の頭幅と肩幅の比率を記録し、姿勢を決定する動作を固定してから、カットラインを決定します。通常、胸の下端と上腹部の境界まで描きます。腕を組むなど、デフォルトのカットラインを超える動作の場合は、人物レイヤーはまず肩全体、外側に曲がった肘、内側に引かれた前腕、腰に置かれた手を描き、その後キャンバスサイズに合わせて切り取ります。ユーザーがカットを指定した場合は、その要件に従ってレイアウトし、フレームによって許容される動作の手がかりを保持します。頭と肩だけが見える場合は、見える衣装に基づいて保守的に補完します。

段階 2/4 背景写真またはプリセット

オプション A 湖畔博雅塔、B 秋葉博雅塔、C 未名湖石、「実景写真をアップロード」「人物写真の背景を参照」「背景をスキップ」をポップアップ表示します。自由記入でランドマーク、保持する詳細、配置位置を補足できます。

段階 3/4 装飾テキスト

自由記入をポップアップ表示し、ユーザーにテキストで 1~3 組の手描き装飾を提供してもらうか、「装飾をスキップ」と記入してもらいます。「テキスト:一緒に学ぶ」「アイコン: 2 人でパズルを組み立てる」と書くことができ、両方を同じグループに記述することもできます。装飾テキストはそのまま記録し、アイコンは説明に従って描画します。両方とも マーカーステッカー画法 に従って描画します。テキストは丸みを帯びて目立ち、アイコンは太い線で描き、透明な内部を保持し、輪郭線は画面の色調に合わせて調整します。

3 項目が揃ったら、枠線テンプレート に従ってレイアウトを選択し、順に描画して合成します。各描画モジュールは、独立した真の透明背景 PNG として出力します。

  1. 人物画法 に従って識別点とカットラインを記録し、そのプロンプトと 筆法の例 を使用して描画し、カラーパレット から色を取得します。顔はまず明暗を 2 分割し、光源の方向に応じて少量のマーカーハイライトを追加します。人物がそのリファレンスの検収を通過したら、それをカスタム背景と装飾のスタイルリファレンスとして使用します。
  2. 選択したプリセットの透明 PNG を直接再利用するか、背景画法とプロンプト を読み、実景写真から形状を決定し、人物稿から筆法を決定して、カスタム背景を独立して描画します。
  3. 装飾と合成 に従って、各装飾グループに独立した PNG を作成します。完成品の縮小版で、テキストとアイコンの実際のサイズ、輪郭線のコントラスト、透明な余白を確認します。
  4. 装飾と合成 に従って、まず頭肩と胴体のサイズを決定し、次に ローカル合成スクリプト またはレイヤーツールを使用してレイアウトします。人物の上半身は視覚的重みの約 50~70% を占め、伸ばした腕は推定に含みません。レイアウトは、両肩とキーとなる動作の可読性を優先し、必要に応じて完全な人物レイヤーからキャンバスフレームに沿って切り取ります。人物は背景の上に重ね、背景を大幅に隠すことができます。背景はキャンバスフレームで切り取られ、認識可能な断片を保持します。2 つのレイヤーはそれぞれ下辺に揃えます。装飾がある場合、背景の見える主要部分は中央線付近まで配置し、上部は装飾のために残します。段階 3 で装飾をスキップした場合、背景は構図に応じて中央線より上に拡張できます。デフォルトでは縦長のフレーム線を使用し、ユーザーがキャンバスサイズを指定した場合はその要件に従って調整します。

段階 4/4 レイヤーと合成稿のプレゼンテーション

プレゼンテーションの前に、構図検収 に従って、メイン写真と照らし合わせて頭肩の比率、首の接続、目の形、キーとなる動作を確認し、頭頂の余白、両肩、背景の高さ、レイヤーの下端位置を確認します。完成品を縮小して、腕を組むなどの動作が一目でわかるかどうか、カット面がキャンバスフレームの端に接しているかどうかを確認します。装飾がない場合、頭頂の余白はキャンバス高さの 5~10% を優先的に制御します。検収を通過したら、現在の会話内で各透明レイヤーと完全な合成稿を表示し、それぞれに開くことができる PNG リンクを提供します。プレビュー後、同じタスク内で意見を収集し続けます。

プレビューを送信した後、「現在の稿を保持」「人物を修正」「背景を修正」「装飾を修正」「レイアウトを調整」をポップアップ表示し、存在するレイヤーのみをリストし、修正要件を直接記入できるようにします。変更するモジュールが選択されたが具体的な要件が与えられていない場合は、自由記入で補足質問します。その後は段階 4 に留まり、顔固定ルール に従って、最後に承認されたレイヤーから修正します。背景、装飾、レイアウトの変更は人物レイヤーを直接再利用します。人物の部分修正は、まず変更可能な領域を特定し、ラウンドごとに顔の構造を確認してから、合成してプレビューします。ファイルは新しいバージョンとして保存し、ユーザーが指定したディレクトリまたは現在のワークスペースに配置します。

関連スキル