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

asset-generation

ブランドの指針に沿った画像や動画を生成・編集し、既存素材の検索や選択、別アプリへの受け渡しまで行うスキルです。

原文原文の説明を見る

Use Assets for brand-safe image or video generation, human picker UI, search/list/export actions, and cross-app asset selection. Use when a visual needs to be generated, refined, found, or handed off to another app.

BuilderIO/agent-nativeスター 7,524(GitHub 7,524 + cccskills 0)
連携ツールGemini

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • ブランドに沿った画像候補を作りたいとき
  • 既存画像の一部を編集したいとき
  • 素材ライブラリから画像や動画を探したいとき
  • 生成素材を別アプリへ渡したいとき

日本語での紹介

できること

Assetsを使って、ブランドライブラリや承認済みの参考例に沿った画像・動画を生成し、既存素材の検索、選択、書き出しを行います。候補を人が選ぶピッカーを開く方法と、エージェントが直接実行する方法があり、用途に応じて使い分けます。画像の一部を変更したり、被写体を保ってブランドのスタイルに整えたり、複数の画像候補をまとめて作ったりできます。動画は生成後に処理状況を確認し、別アプリ用のURLやファイル形式で書き出せます。生成した素材はIDやURLとともに扱い、別アプリから参照できます。

こんなときに便利

ブランドの雰囲気に沿う画像や動画が必要なとき、候補を見比べて選びたいとき、既存素材を探して別のアプリへ渡したいときに向いています。繰り返し使う形式にはテンプレートも利用できます。

使い方の例

  • 「このブランドライブラリに沿ったブログ用画像を作って」
  • 「この画像の被写体を保って、ライブラリのスタイルに整えて」
  • 「動画ライブラリから素材を探して書き出して」

注意点

生成前に対象、用途、構図、色、表示する文字などの指示を整理します。ブランド情報がない場合、結果をブランド準拠と断定しません。ホストがピッカーを表示できない場合は、返されたリンクを使います。画像・動画の生成結果は品質やブランド適合の評価を意味しません。

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

含まれるファイル(1)

  • SKILL.md9.4 KB

SKILL.md(原文)

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

Asset Generation

Rule

Use the Assets app when a workflow needs reusable brand media, a human picker, or generated image/video assets that another app can reference by ID and URL.

Visual authority and brief

Assets produces media; it does not invent a replacement brand language. Before generating, resolve the user's explicit subject, audience, message, format, and must-preserve constraints, then the active library, preset, or linked design system and its custom instructions, then approved Creative Context references. Impeccable-inspired guidance is a quality lens for composition, hierarchy, restraint, and finish — never a reason to override those sources.

Compile the request into a short art-direction brief: visual role, subject, composition and crop, palette or material treatment, lighting or medium, exact visible text if any, semantic constraints, and exclusions. Classify the slot as produce (new media), direct (an existing approved asset), or semantic (a UI/icon/diagram the caller should build with its own primitives). Do not generate a decorative photo where the caller needs a semantic graphic. If brand context is missing, make the result clearly exploratory rather than claiming a brand match.

Choose The Path

  • Use generate-asset when a person should get newly generated, on-brand image candidates and choose the winner in the inline picker. It matches a library when libraryId is omitted, generates candidates, returns the picker filtered to those run IDs, and works in in-app chat plus external MCP hosts.
  • Use open-asset-picker when a person should browse, search, or select an existing asset inside an embedded picker, or when you want the picker to handle generation itself. It still opens /library with the iframe/bridge contract. The normal human Library workspace is /library and /library/:id. Pass mediaType: "image" by default, or mediaType: "video" for video libraries.
  • Use unattended actions when the agent already knows what to do: search-assets, list-assets, import-style-from-url, generate-image, generate-image-batch, generate-video, refresh-generation-run, and export-asset.
  • In chat, consume composer @ references as structured generation inputs: brand-kit maps to libraryId, template maps to templateId, and media-type chooses image generation versus video generation. If no mention is available, use view-screen, list-libraries, and list-templates to choose explicit args.
  • Use Templates when the user asks for a repeatable output format like social image, blog hero, or diagram. Call list-templates and pass templateId through generation/refinement actions. Templates may be global or associated with one brand kit; only associated templates can pin images, skeletons, or a canonical logo. *-generation-preset actions are deprecated aliases.
  • Use generation sessions when another person needs to continue improving a candidate. Sessions carry the brief, preset, active asset, feedback, and run IDs without requiring the original chat thread.
  • Use chat-driven restyle-image and edit-image for preserving subjects, applying library style, and making targeted changes. Do not surface separate restyle, edit, or quality-tier buttons in host UIs.
  • Use browser/deep-link fallback when the host cannot render MCP Apps inline (CLIs and code editors like Claude Code and Codex). Surface the returned picker link. When the user opens it, they can either click an asset — the page auto-copies a short handoff summary for them to paste back into chat — or simply tell you which one in words (e.g. "use image A" / "the second one"). Both are first-class; don't insist on the paste-back if they just name the pick.

Image Workflows

  1. Read the creative-context skill and retrieve visual references separately from factual evidence. Respect contextMode: "off", pinned packs, and the exact reuse ladder before generation: approved native asset unchanged, compose approved pieces, lightly adapt a real example, condition generation on narrow references, then net-new only when the relevant corpus is empty.
  2. For human-in-the-loop generation, call generate-asset first and preserve the returned picker/candidate metadata. For unattended generation, pick or match the library with list-libraries or match-library. If the user wants a default look rather than a brand library, call list-library-presets and then create-library-from-preset; the resulting library is editable and reusable like any other library.
  3. For one asset, call generate-image; for multiple independent slots, call generate-image-batch with stable slotId values.
  4. Image generation actions are synchronous. After generate-image or generate-image-batch returns, use its compact images / asset summaries directly; do not call get-generation-run, refresh-generation-run, or regenerate just to verify image runs. Use get-asset for full asset details and the audit-run actions for prompts, references, and settings. A result with draftPendingApproval: true came from a kit the user can draft in but not save into. Offer the candidate and say it needs a kit editor to be saved; save-generated-image will refuse, so do not call it or retry. Video carries the same marker on the initial async reply and on every refresh-generation-run result, so it survives the poll.
  5. For template-backed work, pass a mentioned or selected templateId; for handoff work, pass sessionId.
  6. Let the server choose a small deterministic reference set unless the user named exact assets. Canonical style anchors come from assetLibraries.settings.canonicalStyleAssetIds and assets.metadata.isStyleAnchor; they must remain subordinate to explicit library, preset, and per-run constraints rather than introducing a second visual language.
  7. Pass tier: "fast" for exploration, tier: "best" for final/high-value output, or tier: "auto" when there is no clear preference.
    • Model/ratio compatibility: Gemini image models accept any aspectRatio, but gpt-image-2 supports only 1:1, 2:3, and 3:2. When the user needs another ratio (16:9, 9:16, 4:5, 21:9, …), pick a Gemini model rather than gpt-image-2 — an unsupported pairing is rejected upstream. Source of truth is supportedAspectRatiosForModel / MODEL_ASPECT_RATIOS in shared/api.ts.
  8. Direct generation returns id; picker selections return assetId. Preserve that asset identifier with runId, previewUrl, downloadUrl, and embedUrl. Preserve the immutable contextPackId and reuse labels on both generation run and output-asset metadata; rendered pixels are not provenance.
  9. Use refine-image for feedback on an existing asset, edit-image for targeted changes, and restyle-image with subjectAssetId and styleStrength for subject-preserving brand restyles.
  10. If a designer will take over, call create-generation-session or update-generation-session, then prepare-generation-session-continuation when they want a chat preloaded with the session context.

For short vague prompts, enhance conservatively with library style context while preserving the user's original prompt in run metadata. If a public website is the style source, call import-style-from-url first so the library keeps the hydrated browser-derived design brief. Use analyze-collection-style when a collection needs upgraded vision brand analysis from image references before generation. Brand QA scoring and best-of-N selection are deferred.

Generation success confirms a run and its provenance, not visual quality or brand match. Report the selected library, preset, style anchors, and whether the result used an Assets-grounded or fallback path. Claim a quality evaluator only when one actually ran.

Video Workflows

  1. Call generate-video with 16:9 or 9:16 and relevant image references.
  2. Poll refresh-generation-run until the run completes and returns a video asset.
  3. Use export-asset when another app needs a download URL or artifact type.

Cross-App Use

  • Hosted default: connect https://assets.agent-native.com/_agent-native/mcp. Do not put shared secrets in skill files.
  • Local customization: run npx @agent-native/core@latest app-skill launch --local from the Assets app-skill manifest, or pass --into <path> for editable source.
  • For MCP callers, generate-asset is the portable first choice because the same MCP App picker renders inline in Agent-Native chat, ChatGPT, and Claude when the host supports MCP Apps. Include exact assetId, runId, media type, and URLs in the final response so the caller can attach or embed the media. Include presetId and sessionId when present.

Don't

  • Do not call image/video providers directly from another app.
  • Do not treat images as the app identity; the app id is assets.
  • Do not use picker UI for unattended generation when direct actions are enough.
  • Do not use copyrighted screenshots or named studio/brand image sets as preset references. Use broad textual guidance and user-provided references instead.

レビュー

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

コメント

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

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

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

0 / 1000 文字

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

同じリポジトリのスキル

a2a-assets

無料概要あり

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

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

account-health

無料概要あり

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

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

actions

無料概要あり

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

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

adding-a-feature

無料概要あり

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

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

adhoc-analysis

無料概要あり

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

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

admin-surfaces

無料概要あり

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

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

BuilderIO のスキルをすべて見る

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