---
title: "Assets"
description: "An agent-native digital asset manager and cross-agent generation service for brand-consistent media."
---

# Assets

Assets is a workspace for creating and managing brand-consistent media — for anyone who needs on-brand images and video without wrangling prompts, models, and aspect ratios every time. It organizes uploads and generated results into libraries and folders, lets teams collect examples for blog heroes, diagrams, landing pages, product shots, videos, and logos, then routes generation through the agent chat so every asset can be reviewed and refined.

<WireframeBlock id="doc-block-assets1">
  <Screen
    surface="desktop"
    html={
      "<div style='display:flex;flex-direction:column;gap:14px;padding:18px;min-height:520px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>Launch brand</h1><span class='wf-pill accent'>Blog heroes</span><span class='wf-pill'>Product shots</span><span class='wf-pill'>Logos</span><div style='flex:1'></div><button>Upload</button><button class='primary'>Generate</button></div><div class='wf-card' style='display:flex;flex-direction:column;gap:10px'><strong>Create brand media</strong><div class='wf-box'>Three homepage hero options using the approved logo and product references.</div><div style='display:flex;gap:8px;flex-wrap:wrap'><span class='wf-pill accent'>4 references</span><span class='wf-pill'>16:9</span><span class='wf-pill'>Web export</span></div></div><div style='display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1'><div class='wf-card' style='display:flex;align-items:end;min-height:130px'><span class='wf-pill accent'>Hero A</span></div><div class='wf-card' style='display:flex;align-items:end;min-height:130px'><span class='wf-pill'>Reference set</span></div><div class='wf-card' style='display:flex;align-items:end;min-height:130px'><span class='wf-pill'>Logo safe</span></div></div><div class='wf-card' style='display:grid;grid-template-columns:repeat(4,1fr);gap:8px'><div class='wf-box'>Use</div><div class='wf-box'>Refine</div><div class='wf-box'>Compare</div><div class='wf-box'>Export</div></div></div>"
    }
  />
</WireframeBlock>

When you open the app, the selected library, prompt, references, and generated candidates stay in one workspace. The agent can browse, search, generate, refine, and export every asset through the same actions the UI uses.

<Diagram id="doc-block-assets2" title="Generate, review, reuse" summary={"References and prompts feed a generate-and-choose session; chosen assets land in a library and flow out to other apps via the picker or A2A."}>

```html
<div class="diagram-assets">
  <div class="diagram-col">
    <div class="diagram-node">
      References<br /><small class="diagram-muted"
        >logos, product shots, style</small
      >
    </div>
    <div class="diagram-node">
      Prompt<br /><small class="diagram-muted">chat or Generate controls</small>
    </div>
  </div>
  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
  <div class="diagram-box" data-rough>
    <span class="diagram-pill accent">Generation session</span
    ><small class="diagram-muted"
      >image &amp; video candidates · audit log</small
    >
  </div>
  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
  <div class="diagram-box" data-rough>
    <span class="diagram-pill ok">Library</span
    ><small class="diagram-muted">chosen, brand-consistent assets</small>
  </div>
  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
  <div class="diagram-col">
    <div class="diagram-node">
      Picker<br /><small class="diagram-muted">iframe / MCP App</small>
    </div>
    <div class="diagram-node">
      A2A<br /><small class="diagram-muted">Slides · Design · Content</small>
    </div>
  </div>
</div>
```

```css
.diagram-assets {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.diagram-assets .diagram-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.diagram-assets .diagram-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.diagram-assets .diagram-arrow {
  font-size: 20px;
  line-height: 1;
}
```

</Diagram>

## When to pick it

- **Your team needs reusable visual direction**, not one-off generic media prompts — collect approved logos, product shots, and style examples so generations stay on brand.
- **You want generated media reviewed and refined**, with a full audit log of prompts, models, references, and lineage for every run.
- **Other apps need an asset picker or generator** — Slides, Design, Content, a blog editor, or a site builder can embed the picker or call Assets over A2A.
- **You want brand media available from your coding agent** — Codex, Claude Code, Claude, or ChatGPT can generate and pick assets without leaving the chat.

## What you can do with it

- **Create asset libraries.** Group reference images, videos, canonical logos, style notes, palettes, folders, and generated output by brand, campaign, product, or category.
- **Generate, refine, and review through chat or a library** — candidates, feedback, designer handoff, and the admin audit log all live in [Generating, refining, and reviewing assets](/docs/template-assets-generation).
- **Build a preset once and let everyone else run it** — a locked prompt template, model, aspect ratio, reference board, and logo policy, so a marketer just pastes a brief and tags the preset. See [Presets: design once, run everywhere](/docs/template-assets-presets).
- **Use Assets from another app or agent** — embed the picker, call Assets over A2A or MCP, reuse governed Creative Context, or install the Assets skill in a coding agent. See [Using Assets from other apps and agents](/docs/template-assets-integrations).
- **Create your own app from the template and extend it** — the SQL schema, access control, and extension points live in [Assets — architecture and data model](/docs/template-assets-developers).

## Getting started

Live demo: [assets.agent-native.com](https://assets.agent-native.com).

1. **Create a library.** Add the brand, campaign, product, or content stream you
   want to manage.
2. **Upload references.** Add approved logos, product shots, style examples, or
   existing videos so the agent has concrete material to work from.
3. **Generate from chat or a library.** Ask for a hero image, diagram, product
   shot, or video variant. Assets stores the prompt, references, model, status,
   and lineage for review.
4. **Use the asset elsewhere.** Copy the export, embed the picker in another
   app, or let another agent call Assets over A2A.

To run your own copy: `npx @agent-native/core@latest create my-assets --standalone --template assets`. See [Getting started](/docs/getting-started) for the rest of the local setup.

## Useful prompts

- "Generate three blog hero options using the Acme product references."
- "Create a square social image in the launch-campaign style."
- "Find all approved assets for the onboarding redesign."
- "Turn this uploaded diagram into a cleaner product explainer image."
- "Create a video storyboard and save the best frame set to this library."

## What's next

- [**Presets: design once, run everywhere**](/docs/template-assets-presets) — the designer/marketer contract behind repeatable output
- [**Generating, refining, and reviewing assets**](/docs/template-assets-generation) — candidates, feedback, designer handoff, and the audit log
- [**Using Assets from other apps and agents**](/docs/template-assets-integrations) — the embedded picker, A2A, Creative Context, and coding-agent install
- [**Assets — architecture and data model**](/docs/template-assets-developers) — the SQL schema, access control, and action reference
- [**Templates**](/docs/cloneable-saas) — the Cloneable SaaS model
- [**A2A Protocol**](/docs/a2a-protocol) — how other apps call Assets
- [**Sharing & Privacy**](/docs/sharing) — library-level access control