本文へ移動
cccskills
無料GitHub で公開日本語紹介

image-generation

ブランドライブラリやテンプレートの参照を踏まえ、用途に合う画像を生成・調整するスキルです。構図や色、文字の扱いを整理し、候補画像を比較しながら仕上げられます。

原文原文の説明を見る

Generate and refine brand-consistent images from libraries, references, and prior candidates. Use before calling image-generation or refinement actions.

BuilderIO/agent-nativeスター 7,525(GitHub 7,525 + cccskills 0)

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • ブランドに沿った告知画像を作りたいとき
  • 画像候補を複数作って比べたいとき
  • 既存画像の一部を調整したいとき
  • 参照画像から配色や構図を反映したいとき

日本語での紹介

できること

ブランドライブラリやテンプレート、既存の参照画像を手がかりに、用途に合う画像の生成と調整を進めます。画像の役割、被写体、構図、媒体、照明、配色、文字の扱い、変えてはいけない要素を整理し、候補を作成します。テンプレートがある場合は保存済みの形式やスタイル、参照ボードを使い、指定された文章は画像内テキストとして扱います。候補は追加の方向性を試したり、既存画像を部分編集したり、被写体を保ってライブラリのスタイルに寄せたりできます。

こんなときに便利

ブランドの見た目を保ちながら、告知画像や商品画像などを作りたいときに役立ちます。参考画像やブランドキットがあり、どの画像を使うか、何を生成するかを判断しながら進めたい場合にも向いています。テンプレートが複数ある場合は用途に合うものを選び、適切な参照素材を組み合わせます。

使い方の例

  • 「このブランドキットのテンプレートに合わせて配信告知画像を作って」
  • 「この候補の被写体は保ち、色味をブランドのスタイルに寄せて」
  • 「イベント名と日時を入れた画像案をいくつか作って」

注意点

画像生成、画像編集などのアクションを呼び出す前に使います。正確なロゴは生成せず、登録済みのロゴ素材を使います。ブランドや商品の事実、顧客の証拠、スクリーンショットを画像生成で補う用途には使いません。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(1)

  • SKILL.md10.3 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Image Generation

Use this skill before calling generate-image, generate-image-batch, or refine-image.

Prompt contract

Treat references as evidence, not decoration. The prompt should explain the asset's job, subject, framing, medium, lighting, palette, exact text policy, and what must not change. Keep the active library or preset's style brief and the caller's design-system constraints authoritative; Impeccable-style composition guidance may improve the result but must not replace them.

Before generating, decide whether the slot needs a produced image, a direct reuse of an approved asset, or a semantic UI/icon/diagram owned by the caller. Do not use image generation to paper over missing product facts, customer evidence, screenshots, or exact logos.

Rules

  • Start from composer @ mentions when the user tags generation inputs. brand-kit references map to libraryId, preset references map to presetId, and media-type references choose image generation versus video generation. Call view-screen when the user says "this library" or "this image" and you need fresh IDs. The image model may default from the composer image-model picker.
  • A tagged @preset (presetId) owns aspectRatio, imageSize, model, tier, and category. When a preset is set, do NOT pass those args yourself — leave them out so the preset's saved values are used. You cannot see the preset's settings from the presetId, so passing your own guess silently overrides the preset (this is the usual cause of a preset's aspect ratio being ignored). Pass one of these args alongside a preset ONLY when the user explicitly asks for a value that differs from the preset. When there is no preset, set them explicitly or rely on the action schema defaults.
  • Use category-tagged references. Blog heroes should prefer hero; diagrams should prefer diagram; product imagery should include product and logo references.
  • Imported external images with status: "reference" are valid generation inputs. Use their returned asset IDs in preset reference fills or reference boards the same way you would use uploaded reference assets.
  • Keep reference sets small and deterministic. Prefer anchors listed in assetLibraries.settings.canonicalStyleAssetIds and assets marked assets.metadata.isStyleAnchor before sampling other relevant references.
  • Honor library custom instructions. They are persistent prompt guidance and should be updated when the user wants durable generation behavior.
  • Generate the selected candidate count for open-ended requests, usually 2-4. Use generate-image-batch with stable slotIds so the shared generation tray can show live slots.
  • generate-image and generate-image-batch are synchronous for images. One batch call should produce the requested candidates and return compact asset summaries with IDs and URLs; do not follow it with get-generation-run, refresh-generation-run, or more generation unless the user asks for another direction or the returned slot has ok: false.
  • Use get-asset when full asset details are needed. Use get-audit-run or list-audit-runs for the prompt, compiled prompt, references, and generation settings.
  • For repeatable deliverables, honor a template @mention as templateId or call list-templates when choosing one. Pass the template through generate-image, generate-image-batch, refine-image, or rerun-generation-run.
  • For designer handoff, preserve sessionId and call update-generation-session after each new candidate so the active asset, feedback, and run lineage stay resumable.
  • Show previews in chat. In Assets, use /asset/<assetId>/embed; from another app, preserve the returned preview/download URLs exactly.
  • Iterate with refine-image --assetId. Use edit-image for targeted edits and restyle-image when the user wants to preserve a subject image while applying library style. Pass subjectAssetId, styleStrength, and tier when they matter.
  • Use quality tier values intentionally: fast for exploration, best for final/high-value output, and auto when there is no clear preference.
  • Cross-agent callers must pass source: "a2a" and callerAppId to generate-image-batch / refine-image. The design team uses the audit log to review quality by app, library, model, prompt, and lineage.

Composer Mentions And Tagged Templates

  • Composer @ mentions are the source of generation inputs. Map brand-kit references to libraryId, template references to templateId, and media-type references to choosing image (generate-image / generate-image-batch) or video (generate-video) generation.
  • The current library view auto-tags its brand kit as a visible removable chip, and the template editor auto-tags an associated template with its brand kit.
  • The image model is the only remaining composer-side default; the image-model picker writes imageGenerationModel, which image generation actions may use when model is omitted.
  • When a template is tagged, the server embeds that template's aesthetics and creative philosophy (brand style brief, prompt template, text/logo policy, output format) into your message inside a <tagged-templates> block. Study and internalize that brief before you generate — let it drive composition, mood, lighting, and subject — then pass the templateId to generate-image / generate-image-batch so the saved format/model/tier/logo apply automatically. Do not restate those as ad-hoc args.

Template-first Generation

  • Image requests without a tagged template are template-first: the user may not know templates exist. Compare the request against each template's title, description, and category, and if one matches the use case (e.g. "livestream poster" -> a Livestream Announcement template), generate with its templateId instead of ad-hoc settings. Only generate without a template when nothing plausibly matches.
  • Before any ad-hoc generation for a brand kit, call list-templates and scan titles/descriptions/categories for a use-case match. A template encodes the designer's format, model, layout, and reference board; using it is always better than improvising.
  • If one template clearly matches: use its templateId; do not restate its saved aspect ratio/size/model/tier. If several plausibly match: pick the best and state which one you used; do not ask the user to choose.
  • Match named people/products/backdrops in the request to the template's reference board entry labels in settings.presetReferences. Fill required variable entries via presetReferenceFills: search the library for assets of those people first; ask the user for photos only when none exist. Never skip a required entry.
  • Route exact visible copy such as event titles, dates, and times to embeddedText per the existing text rules; keep the creative direction in prompt.
  • For exact visible copy inside a generated image, pass embeddedText and optional textPlacement to generate-image or each generate-image-batch slot. Keep the general prompt for creative direction; the structured text fields are what allow the pipeline to render copy instead of suppressing it.
  • If nothing matches: generate ad-hoc, say that no template fit, and mention a template could be created for this recurring use case. The deprecated *-generation-preset actions remain aliases for existing agent threads.

Prompting

  • Treat references as evidence, not decoration.
  • Let the server choose references unless the user named exact assets. Automatic generation uses up to 6 relevant current references, seeded by canonical style anchors; explicit referenceAssetIds are preserved.
  • Template reference boards live on tagged templates as named entries such as a usual host, product, backdrop, style sample, or per-event speaker. Fixed entries attach automatically. Variable entries may be replaced for a run with presetReferenceFills; each fill REPLACES that entry's pinned images rather than appending. Required variable entries block generation until you provide at least one image.
  • When a tagged template brief names required variable references, collect the needed images from the user's attachments or the library and pass presetReferenceFills: [{ referenceId, assetIds }] to generate-image or generate-image-batch. Board images are additive to brand style references. User-uploaded per-event people/photos should be uploaded as content images (subject intent/role), not as reusable brand style references.
  • If a collection's style feels underspecified, call analyze-collection-style and use its vision brand analysis for palette, composition, lighting, subject treatment, typography policy, and constraints.
  • Compile the style into a short brief: palette, composition, lighting, medium, typography policy, subject framing, custom instructions, and constraints.
  • For short vague prompts, enhance conservatively with library context while preserving the user's exact text as originalPrompt.
  • Avoid visible text unless explicitly requested. For diagrams, ask for clear hierarchy, exact label placement, consistent line weights, and whitespace.
  • For exact logos, use the uploaded canonical logo path. The generation prompt should leave a clean area; the server composites the logo after generation.
  • Do not describe brand QA scoring or best-of-N selection as available yet.

Completion

After generation, reply with asset IDs and previews. Ask whether to save, iterate, or produce another direction.

When the user says a designer should pick up the work, create a generation session with create-generation-session, including the active assetId, relevant runIds, presetId, and the feedback summary. Use prepare-generation-session-continuation to open a new chat with the handoff context preloaded.

Every generation is audit logged automatically. When a reviewer asks how images are performing, use navigate --view audit, list-audit-runs, or get-audit-run.

Use rerun-generation-run to rerun the original prompt and settings from an older generation against the latest library style brief, custom instructions, collection data, and deterministic references.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

a2a-assets

無料概要あり

複数のアプリやMCPホストからブランド画像・動画を生成、調整、書き出し、挿入する作業を支援します。ライブラリ選択や修正依頼も扱います。

  • スライド用のブランド画像を作りたいとき
  • 既存素材をフィードバックに合わせて直したいとき
  • 動画素材を生成して書き出したいとき
BuilderIO/agent-native7,5252026年10月26日 更新

account-health

無料概要あり

特定の顧客企業について、契約と製品利用の数値を照らし合わせ、根拠や不足情報を明記した健全性レポートをまとめます。

  • 顧客の健全性を確認したいとき
  • 契約席数と実利用を比べたいとき
  • 更新前に利用状況を整理したいとき
BuilderIO/agent-native7,5252026年10月26日 更新

actions

無料概要あり

アプリの操作をエージェントと画面の両方から呼び出せるアクションとして実装し、API連携や画面のデータ取得を一貫した形で追加するスキルです。

  • 新しいアプリ操作を追加したいとき
  • 外部APIと連携したいとき
  • 画面からデータを取得したいとき
BuilderIO/agent-native7,5252026年10月26日 更新

adding-a-feature

無料概要あり

新機能をUI・エージェント用アクション・説明資料・画面状態の4領域でそろえ、利用者とエージェントのどちらからも一貫して使えるようにするチェックリストです。

  • 新機能追加の作業範囲を整理したいとき
  • UIとエージェント操作をそろえたいとき
  • 画面状態の同期漏れを防ぎたいとき
BuilderIO/agent-native7,5252026年10月26日 更新

adhoc-analysis

無料概要あり

複数のデータソースを照合して、傾向や指標、根拠をまとめた分析結果を作成します。必要に応じて、再実行できるダッシュボードとして保存できます。

  • 商談と通話記録を照合したいとき
  • 顧客の利用状況を横断して調べたいとき
  • 繰り返し更新できる分析を保存したいとき
BuilderIO/agent-native7,5252026年10月26日 更新

admin-surfaces

無料概要あり

Analyticsの管理画面で、機能フラグの状態確認と切り替え、ダッシュボード利用状況の調査、接続先アプリのデータベース管理を行います。

  • アプリごとの機能フラグを確認・変更したいとき
  • ダッシュボードの所有者や利用状況を調べたいとき
  • 接続済みアプリのテーブルを管理したいとき
BuilderIO/agent-native7,5252026年10月26日 更新

BuilderIO のスキルをすべて見る

このスキルの問題を報告する