Community画像github.com

Schautafel

AIOSスキル「Schautafel」:テーマに関する解説的な俯瞰図(バナー、タイル、フッター)を、12のスタイルから選び生成します。

Schautafel とは?

このスキルは、複数のテーマについて解説的な俯瞰図(Schautafel)を生成するためのものです。ユーザーと協力して構成を計画し、プロンプトメモを作成した後、`image-generation` スキルを呼び出して画像を生成・配置・確認します。neo、classic、sepia、atlas、photo、sketch、toy、coach、glass、origami、lotus、messing の12のスタイルから選択でき、タイルの配置マトリックス(最大4行×4列、合計2~12タイル)も自由に指定可能です。スキルは、ユーザーの入力からテーマやオプション(スタイル、フォーマット、マトリックス)を抽出し、構成案を提示し、ユーザーの承認を得てからプロンプトメモを `@Prompt/` フォルダに作成します。その後、`image-generation` スキルに画像生成を依頼し、結果を `@Image/` フォルダに保存します。AIOSプロジェクトフォルダ(`@/` サブフォルダを含む)内でのみ動作し、フォルダがない場合は初期化を促します。ブランチ情報から業界を推定し、画像のビジュアルスタイルを調整することもできます。

対応✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/aibex-aios/skill-schautafel/tree/HEAD/skills/schautafel

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

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

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

ドキュメント

Schautafel は何をしますか?

このスキルは、ユーザーと協力してSchautafel(解説的な俯瞰図)を計画し、プロンプトメモを作成します。画像の生成、保存、確認、コミットはスキル image-generation が担当します。

用語

  • プロジェクト <P>: @/ サブフォルダを持つセッションの作業フォルダ。
  • スキルフォルダ: このスキルのフォルダ("Base directory for this skill")。stile.md(カタログ)と stile/<stil>.jpg(スタイルテンプレート)が含まれます。
  • image-generation フォルダ: <Skill-Ordner>/../image-generation。prompt-memo.md(プロンプトメモの形式)と scripts/image_generation.py が含まれます。
  • タイル: チャートのテーマブロック。フィールド、セル、要素は同じ意味です。
  • タイルマトリックス: タイルの配置。行 × 列 として読み取ります。
  • カード / ステーション: 画像内のタイルがどのように表示されるか。各スタイルについては stile.md(列 Kacheln)を参照。

スタイルが必要になったら(スタイルの問い合わせ、自動選択、プロンプト)、stile.md を読んでください。

1. 入力を特定する

スタイルの問い合わせ("サポートされているスタイルは?"、"どんなスタイルがありますか?"、"スタイル一覧"): stile.md の Übersicht からのリストのみを、1行に1スタイルを "<stil> — <リスト>" の形式で、テーブルの順序で返答してください。チャート、プロンプト、追加の説明は不要です。これで終了です。

<P>/@/ がない場合: 何も作成しません。次のように伝えてください: "Schautafel は @/ フォルダを持つ AIOS プロジェクト内でのみ作成できます(プロンプトメモと画像は @Prompt/ と @Image/ に保存されます)。このフォルダを /aios-init で初期化しますか?" これで終了です。

それ以外の場合は、リクエストから入力を読み取ります(テーマ以外はオプション):

入力認識方法指定がない場合
テーマ他の入力に該当しないものすべて—
スタイルstyle=<stil>、" スタイルで"、" チャートとして"、" で";大文字小文字は区別しない自動選択
タイルマトリックス以下を参照自動選択
フォーマット"16:9"、"3:2"、"縦長"、"正方形"スタイルのフォーマット(stile.md)
直接"直接"、"すぐに"確認のための構成案
手動"手動で"、"コードなしで"コード使用

タイルマトリックス

指定配置
"2x3 タイル"、"2 × 3 フィールド"2行、各行3タイル
"3x1 タイル"3行、各行1タイル
"3列"1行、3タイル(1×3)
"2行"2行、各行1タイル(2×1)
"2行、3列"2×3
"1行目: 3フィールド、2行目: 2フィールド"1行目に3、2行目に2タイル
"5タイル"(数字のみ)タイル数固定、配置は自動選択

許可されるのは、1~4行、各行1~4タイル、合計2~12タイルです。指定が範囲外の場合は、制限を伝え、構成案で次に許可される配置を提案してください。

自動選択

  • スタイル: stile.md の Passt zu 列がテーマ、業界、目的に最も合致するスタイル。明確な該当がない場合は neo。
  • タイルマトリックス: テーマブロックごとに1タイル。2~4個の同等ブロックは1行に。5~8ブロックは2行に。順序(ステップ、段階)は読む方向に、ステーションの場合はステーション間の経路として。
  • 各選択を構成案で理由を一文添えて表示します。

不明なスタイル

指定されたスタイルが stile.md にない場合:

  1. "スタイル「」は知りません" と伝えます。
  2. カタログからスタイルを選択します(自動選択)。
  3. 回答オプション OK と キャンセル で(選択ツール、なければ質問として)尋ねます: "スタイル「」を即興で作成できます。実行しますか?"
    • OK: スタイル名から stile.md のパターン(説明、キーワード、回避事項、フォーマット、タイル)に従ってスタイルを説明します。スタイルテンプレートは使用しません。この説明はこの呼び出しにのみ有効です。
    • キャンセル: 自動選択されたカタログスタイルが適用されます。

2. 業界

テーマに顧客との関連性がある場合は、コンテキストから業界を推測し、1回だけ尋ねます: "このテーマを業界 <業界> に分類しましたが、それでよろしいですか?それとも別の業界を使用しますか?" 業界がコンテキストから明確にわかる場合は、その業界を伝えるだけにします。顧客との関連性のない一般的な知識テーマの場合は、業界は設定せず、質問もしません。業界は画像のビジュアルスタイルを決定します。一般的な技術やロボットの画像ではなく、業界特有のオブジェクトやシーンを使用します。

3. 構成案

構成案を以下の形式で表示します:

**ヘッドライン:** <バナーヘッドライン>
**サブタイトル:** <オプション>
**スタイル:** `<stil>` — <自動選択の理由>
**配置:** <行とタイル> — <自動選択の理由>
**フォーマット:** <アスペクト比>
**業界:** <業界 または 「—」>

| タイル | タイトル | ガイド質問 | キーポイント |
|---|---|---|---|
| Z1/1 | … | … | … |

**フッター:** 単語 — 単語 — 単語
  • 各タイル: 短いタイトル、一文のガイド質問、2~5個のキーポイント。
  • バナーヘッドラインとフッター(大文字の3単語)はすべてのチャートに表示されます。タイムラインはタイルの内容であり、固定部分ではありません。
  • テキストは、ユーザーが他の指定をしない限りドイツ語です。

質問: "構成はこれでよろしいですか?" 変更があれば反映し、構成案を再表示します。承認なしではプロンプトメモを作成しません。

例外: ユーザーが「直接」と言い、スタイルとタイルマトリックスを指定した場合は、構成案を表示し、質問なしで次のステップに進みます。

4. プロンプトメモ

番号 NN:

python3 <image-generation-Ordner>/scripts/image_generation.py next-number "<P>"

スクリプトがない場合は、同じルールを手動で適用します: @Prompt/ と @Image/ の最大番号プラス1、2桁ゼロ埋め。

<image-generation-Ordner>/prompt-memo.md を読み、<P>/@Prompt/NN <Headline> — Schautafel <stil>.md を以下の形式で作成します(@Prompt/ が存在しない場合は作成します):

セクション内容
ヘッダー**対象:** Schautafel; **ソース:** リクエストと承認された構成案; **関連:** 絶対パス付きのスタイルテンプレート
目的チャートのテーマと主張を2、3文で
画像アイデアタイルごとに1行: 部分(タイル)、形状(カードの場合は画像とテキスト付きカード、ステーションの場合は画像内のオブジェクトまたは場所)、意味(ガイド質問); さらにバナーとフッター
仕様スタイル、スタイルテンプレート、配置、ピクセルサイズ付きフォーマット(16:9 → 1672 × 941、3:2 → 1536 × 1024)、テキストはそのまま、「画像に含めない」、ファイル @Image/NN <Headline>.png
ChatGPT用プロンプト最初に「添付: スタイルテンプレート <Skill-Ordner>/stile/<stil>.jpg」(絶対パス; 即興スタイルの場合は省略)、次にコードブロック内のプロンプト
作成後確認、保存、代替テキスト、修正

プロンプト(ドイツ語、この順序で):

  1. "解説的な Schautafel をフォーマット で作成してください。"
  2. stile.md からのスタイルの Beschreibung、さらに "スタイルキーワード: <キーワード>"。
  3. "添付されたスタイルテンプレートはスタイル、素材、図のみを指定し、レイアウトやテキストは指定しません。"(即興スタイルの場合は省略)
  4. レイアウト: 上部にヘッドライン(とサブタイトル)を持つバナー; その下にタイルを行ごとに配置、各タイルにタイトル、短いキーポイント、適切な画像要素; ステーションの場合: 各タイルがステーションとしてどのように表示され、ステーションがどのように接続されるか(stile.md の特別ルール); 下部にフッター。業界が設定されている場合: "業界 <業界> のオブジェクトやシーンを使用し、一般的な技術やロボットの画像は使用しないでください。"
  5. スタイルの Vermeide の文に、「読みにくいまたは誤ったスペルの単語がないこと、レイアウトが過密でないこと」を追加。
  6. "テキストは以下の通り正確に記述し、それ以外は記述しないでください:" とすべてのテキストをリストとして。

作成後:

  • 確認: ヘッドライン、タイルタイトル、キーポイント、フッターがそのままであること; タイル数と各行の配置; スタイルの特徴; フォーマット; 追加テキストがないこと。
  • 修正: "レイアウトとスタイルはそのままに、テキストを短縮してください: タイトルとキーワードのみ。"

プロンプトメモは、追加の質問なしで作成します。承認された構成案が指示です。

5. image-generation への引き渡し

スキルツールを使用してスキル image-generation を呼び出し、「@Prompt/NN の画像を作成してください」という指示で、「手動で」の場合は「手動で」を追加します。以降は、image-generation のステップ3「画像を生成しますか?」からのフローに従います。スタイルテンプレートを使用したコード、または手動での引き渡し、@Image/NN <Headline>.png への保存、確認、表示、結果に基づく後続のプロンプトメモ、コミット。

Claude Code はスキルツール経由での呼び出し時に確認を求めます。これは正常な動作です。ユーザーが拒否した場合は、完全なプロンプトとして手順を伝えます: 「/image-generation @Prompt/NN の画像を作成してください」

制限

  • 承認された構成案なし(「直接」でスタイルとタイルマトリックスが指定された場合を除く)、および image-generation からの生成前の承諾なしでは画像を作成しません。
  • @Prompt/ にプロンプトメモを作成するのみ。画像、確認、コミットは image-generation が担当します。
  • FLUX や OpenArt のコピーボックス、ネガティブプロンプトのキーワードリストは使用しません。
  • ロゴ、ブランド、有名スタジオのキャラクターは使用しません。ユーザーの希望がない限り、実在の顧客情報は使用しません。
  • 即興のスタイル説明は stile.md を変更しません。

関連スキル