@agent-native/core 0.76.5 → 0.76.6

package/docs/content/locales/de-DE/template-analytics.md

@@ -0,0 +1,259 @@
+---
+title: "Analysen"
+description: "Stellen Sie Analysefragen in einfachem Englisch und erhalten Sie Diagramme und Dashboards zurück. Ein Open-Source-Ersatz für Amplitude, Mixpanel und Looker."
+---
+
+# Analysen
+
+Stellen Sie Analysefragen in einfachem Englisch und erhalten Sie Diagramme und Dashboards zurück. Der Agent stellt eine Verbindung zu BigQuery, GA4, Amplitude, dem integrierten Erstanbieter-Ereignissammler, HubSpot, Jira und einem Dutzend anderer Quellen her, schreibt die Abfrage für Sie, validiert sie und gibt die Antwort als Diagramm, Tabelle oder gespeichertes Dashboard-Panel wieder.
+
+```an-wireframe
+{
+  "surface": "desktop",
+  "html": "<div style='display:flex;flex-direction:column;gap:14px;padding:18px;min-height:500px;box-sizing:border-box'><h1 style='margin:0'>Agent-Native Templates</h1><p class='wf-muted' style='margin:0'>Adoption and engagement across the last 12 weeks.</p><div style='display:grid;grid-template-columns:repeat(3,1fr);gap:12px'><div class='wf-card'><small class='wf-muted'>Weekly active users</small><br/><strong>24,318</strong><br/><span class='wf-pill accent'>+12.4%</span></div><div class='wf-card'><small class='wf-muted'>New signups</small><br/><strong>1,842</strong><br/><span class='wf-pill accent'>+8.7%</span></div><div class='wf-card'><small class='wf-muted'>Revenue MRR</small><br/><strong>$48,210</strong><br/><span class='wf-pill accent'>+21.3%</span></div></div><div style='display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1'><div class='wf-card' style='display:flex;flex-direction:column;gap:10px'><strong>Weekly active users</strong><div style='flex:1;display:flex;align-items:end;gap:8px'><div style='height:38%;flex:1;background:var(--wf-accent-soft)'></div><div style='height:44%;flex:1;background:var(--wf-accent-soft)'></div><div style='height:58%;flex:1;background:var(--wf-accent-soft)'></div><div style='height:74%;flex:1;background:var(--wf-accent-soft)'></div></div></div><div class='wf-card' style='display:flex;flex-direction:column;gap:10px'><strong>Revenue over time</strong><div style='flex:1;display:flex;align-items:end;gap:8px'><div style='height:32%;flex:1;background:var(--wf-accent-soft)'></div><div style='height:48%;flex:1;background:var(--wf-accent-soft)'></div><div style='height:63%;flex:1;background:var(--wf-accent-soft)'></div><div style='height:80%;flex:1;background:var(--wf-accent-soft)'></div></div></div></div><div class='wf-card'><strong>Signups by source</strong><br/><small class='wf-muted'>Lower chart begins below the main charts.</small></div></div>"
+}
+```
+
+Es ist ein Open-Source-Ersatz für Amplitude, Mixpanel und Looker – für Teams, die den Code, die Abfragen und die Daten besitzen möchten.
+
+```an-diagram title="Question to chart" summary="The agent consults the data dictionary, writes SQL, validates it against the warehouse, then renders a chart or saves a panel."
+{
+  "html": "<div class=\"diagram-flow\"><div class=\"diagram-node\">Plain-English<br>question</div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">Agent</span><small class=\"diagram-muted\">reads data dictionary</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough>Writes SQL</div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-col\"><div class=\"diagram-pill ok\">Dry-run validate</div><small class=\"diagram-muted\">BigQuery / source</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">Chart, table, or<br>saved panel</div></div>",
+  "css": ".diagram-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-flow .diagram-col{display:flex;flex-direction:column;gap:6px;align-items:center}.diagram-flow .center{display:flex;flex-direction:column;align-items:center;gap:4px}.diagram-flow .diagram-arrow{font-size:22px;line-height:1}"
+}
+```
+
+## Was Sie damit machen können
+
+- **Stellen Sie Datenfragen in einfachem Englisch.** „Wie viel Prozent der Anmeldungen im letzten Monat wurden in bezahlte Anmeldungen umgewandelt?“ oder „Zeige mir wöchentlich aktive Benutzer der letzten 6 Monate.“ Der Agent wählt die richtige Quelle aus, schreibt SQL und rendert das Diagramm.
+- **Erstellen Sie wiederverwendbare SQL-Dashboards** mit Filtern, gespeicherten Ansichten und parametrischen Abfragen.
+- **Führen Sie Ad-hoc-Analysen durch**, die auf mehrere Datenquellen verweisen – gespeichert als wiederholbare Untersuchungen mit der ursprünglichen Frage, Anweisungen und Ergebnissen.
+- **Verwalten Sie ein lebendiges Datenwörterbuch** mit Metriken, Tabellen und SQL-Rezepten, damit der Agent jedes Mal die richtigen Spaltennamen verwendet (kein erratenes `is_closed` mehr, wenn es tatsächlich `hs_is_closed` ist).
+- **Teilen Sie Dashboards** mit Ihrem Team – standardmäßig privat, teilbar pro Benutzer oder pro Organisation mit den Rollen Betrachter/Editor/Administrator.
+- **Stellen Sie sofort eine Verbindung zu vielen Quellen her**: BigQuery, GA4, Mixpanel, Amplitude, PostHog, HubSpot, Jira, Apollo, Pylon, Gong, Common Room, Twitter sowie app-spezifische SEO-Quellen.
+- **Arbeitsbereichintegrationen wiederverwenden**, wenn ein Arbeitsbereich bereits verbunden ist und
+  hat Analytics einen Anbieter zugewiesen. Der Anbieter für gemeinsame Integrationsspeicher
+  Identitäts- und Anmeldeinformationsreferenzen; Analytics behält die anwendungsspezifische Quellenauswahl bei,
+  Datenwörterbucheinträge, Dashboard SQL und Analyseverlauf.
+
+## Erste Schritte
+
+Live-Demo: [analytics.agent-native.com](https://analytics.agent-native.com).
+
+Wenn Sie die App zum ersten Mal öffnen:
+
+1. Mit Google anmelden.
+2. Öffnen Sie die Seite **Datenquellen** in der Seitenleiste.
+3. Für jede Quelle gibt es eine exemplarische Vorgehensweise – verbinden Sie die Quellen, die Sie benötigen (beginnen Sie mit einer, wie BigQuery, GA4, Amplitude oder Erstanbieter-Tracking).
+4. Öffnen Sie einen neuen Chat mit dem Agenten und stellen Sie eine Frage: „Wie viele Anmeldungen haben wir letzte Woche erhalten?“
+
+Die erste Frage reicht aus, um zu bestätigen, dass die Verbindung funktioniert. Bitten Sie den Agenten von dort aus, „dies als Dashboard zu speichern“ oder „ein 4-Panel-Übersichts-Dashboard für unsere wichtigsten Kennzahlen zu erstellen“.
+
+### Nützliche Eingabeaufforderungen
+
+- „Erstellen Sie ein Dashboard, das wöchentlich aktive Benutzer der letzten 6 Monate anzeigt.“
+- „Wie viel Prozent der Anmeldungen im letzten Monat wurden in bezahlte Anmeldungen umgewandelt?“
+- „Fügen Sie diesem Dashboard ein Diagramm hinzu, das den Umsatz nach Plan vergleicht.“
+- „Ordnen Sie die Bereiche in diesem Dashboard neu an, sodass die MRR-Metrik an erster Stelle steht.“
+- „Analysieren Sie unsere abgeschlossenen und verlorenen Geschäfte aus dem ersten Quartal und speichern Sie die Analyse.“
+- „Führen Sie die Abwanderungsanalyse erneut mit den Daten dieses Monats durch.“
+- „Dokumentieren Sie diese Metrik im Datenwörterbuch.“
+
+Der Agent weiß immer, was Sie sehen – aktuelles Dashboard, Filter, Ansicht – sodass Sie „dieses Dashboard“ oder „dieses Panel“ sagen können, ohne es explizit zu sagen.
+
+## Drei Dinge, die Sie wissen sollten
+
+Die App verfügt über drei Hauptoberflächen, auf denen Sie Zeit verbringen:
+
+- **SQL Dashboards** – wiederverwendbare Panels mit Filtern und gespeicherten Ansichten. Am besten für Messwerte, die Sie regelmäßig überprüfen.
+- **Ad-hoc-Analysen** – umfangreiche Untersuchungen, die aus mehreren Quellen stammen, mit gespeicherten Wiederholungsanweisungen. Am besten geeignet für einmalige Fragen, die Sie vielleicht noch einmal beantworten möchten.
+- **Data Dictionary** – der kanonische Katalog von Metriken, Tabellen, Spalten und SQL-Rezepten. Der Agent konsultiert es, bevor er SQL schreibt, sodass er echte Warehouse-Spaltennamen verwendet und Vorbehalte wie „schließt interne E-Mails aus“ kennt.
+
+Das Wörterbuch wird geseedet, indem der Agent gefragt wird: „Importieren Sie unsere DBT-Definitionen“ oder „Ziehen Sie die Metriken aus unserem Notion-Handbuch“, und es erledigt die Arbeit.
+
+## Für Entwickler
+
+Der Rest dieses Dokuments richtet sich an alle, die die Analytics-Vorlage verzweigen oder erweitern.
+
+### Schnellstart
+
+Erstellen Sie eine neue Analytics-App aus CLI:
+
+```bash
+npx @agent-native/core@latest create my-analytics --standalone --template analytics
+```
+
+Lokaler Entwickler:
+
+```bash
+cd my-analytics
+pnpm install
+pnpm dev
+```
+
+CLI gibt den lokalen Entwickler URL aus. Melden Sie sich bei Google an und öffnen Sie dann die Seite **Datenquellen**, um BigQuery, GA4, First-Party-Tracking, HubSpot, Jira und den Rest zu verbinden.
+
+### Hauptfunktionen
+
+**Stellen Sie Fragen, rufen Sie Diagramme ab.** Der Agent wählt eine Datenquelle aus, schreibt und validiert SQL und rendert dann ein Diagramm, eine Tabelle, eine Metrik oder ein gespeichertes Panel.
+
+**Dashboards und Untersuchungen.** Wiederverwendbare Dashboards behalten SQL Panels, Filter, gespeicherte Ansichten und Freigaben bei; Ad-hoc-Analysen ersparen längere Ergebnisse durch Wiederholungsanweisungen.
+
+**Living Data Dictionary.** Metrikdefinitionen, Besitzer, Quelltabellen und bekannte Einschränkungen geben dem Agenten das tatsächliche Warehouse-Vokabular, bevor er Abfragen schreibt.
+
+**Breite Konnektoroberfläche.** BigQuery, GA4, Produktanalyse, CRM, Support, Community, GitHub/Jira, SEO und Erstanbieter-`/track`-Ereignisse kommen alle über actions, das der Agent anrufen kann.
+
+### Zusammenarbeit mit dem Agenten
+
+Der Agent weiß immer, was Sie sehen. Der aktuelle Bildschirmstatus wird als `<current-screen>`-Block in jede Nachricht eingefügt – er enthält die aktive Ansicht, das geöffnete Dashboard oder die geöffnete Analyse und alle ausgewählten Filter.
+
+Die Systemeingabeaufforderung des Agenten erhält einen eingefügten `<data-dictionary>`-Block mit den genehmigten Metrikeinträgen für die aktive Organisation. Wenn Sie nach einem Dashboard fragen, konsultiert der Agent zuerst das Wörterbuch und verwendet die dokumentierten `table` / `columns` / `queryTemplate` wörtlich – er errät keine Spaltennamen.
+
+**Kontext, den es automatisch hat:**
+
+- **Aktuelle Ansicht** – `overview`, `adhoc` (mit `dashboardId`), `analyses` (mit `analysisId`), `data-dictionary`, `data-sources` oder `settings`.
+- **Aktive Organisation** – umfasst alle Abfragen und Schreibvorgänge.
+- **Genehmigte Wörterbucheinträge** – für den aktiven Arbeitsbereich.
+
+**Dashboard-Bearbeitungen.** Der Agent verwendet die `update-dashboard`-Aktion, um Dashboards zu bearbeiten. Es unterstützt zwei Modi:
+
+- `ops` – JSON-Pointer-Patches für chirurgische Bearbeitungen (ein Panel verschieben, eine SQL-Zeichenfolge ersetzen, einen Filter entfernen).
+- `config` – vollständiger Ersatz der Dashboard-Konfiguration.
+
+SQL jedes BigQuery-Panels wird mit dem Warehouse getestet, bevor das Dashboard speichert. Wenn eine Spalte falsch ist, wird das Speichern mit dem BigQuery-Fehler abgelehnt – der Agent behebt das Problem SQL und versucht es erneut, anstatt defekte Panels beizubehalten.
+
+### Datenquellen verbinden
+
+Öffnen Sie die Seite **Datenquellen** (`/data-sources`), um Anbieter zu verbinden. Jeder
+Quelle stellt eine Umgebungsschlüsselliste, eine exemplarische Vorgehensweise und eine Schaltfläche **Verbindung testen** bereit.
+Wenn Analytics in einem Arbeitsbereich ausgeführt wird, erstellt `data-source-status` auch Berichte
+wiederverwendbare Workspace-Verbindungen für `appId=analytics` gewährt, damit der Agent dies tun kann
+fordern Sie einen App Grant anstelle einer weiteren Kopie desselben Anbieterschlüssels an.
+Für wiederverwendbare Anbieter wie Slack, HubSpot, Notion und GitHub die Daten
+Quellen UI zeigt den Status der freigegebenen Integration direkt an: bereit über den Arbeitsbereich,
+erfordert eine Genehmigung, benötigt Anmeldeinformationen oder lokale Anmeldeinformationen.
+
+Wiederverwendbare Arbeitsbereichsintegrationen sind die Laufzeitrichtung für gemeinsam genutzte Anbieter:
+Das Framework speichert Anbieteridentität, Kontometadaten, Anmeldeinformationsreferenzen und
+Zuschüsse pro App einmalig; Analytics speichert Datenquelleninterpretation, Quelle von
+Wahrheitsentscheidungen, Metrikdefinitionen, Dashboards und Analysen.
+
+Anmeldeinformationen werden über die Settings/Env-Ebene des Frameworks gespeichert – keine Geheimnisse in Git. Für die Produktion ist Folgendes erforderlich:
+
+| Variable                                 | Zweck                                                 |
+| ---------------------------------------- | ----------------------------------------------------- |
+| `DATABASE_URL`                           | Persistente SQL-Verbindung URL                        |
+| `BETTER_AUTH_SECRET` / `BETTER_AUTH_URL` | Auth                                                  |
+| `GOOGLE_SIGN_IN_CLIENT_ID` / `_SECRET`   | Bevorzugter Google-Anmeldeclient (OAuth 2.0)          |
+| `GOOGLE_CLIENT_ID` / `_SECRET`           | Legacy-Anmelde-Fallback/Google API-Integrationsclient |
+| `BIGQUERY_PROJECT_ID`                    | BigQuery-Projekt                                      |
+| `GOOGLE_APPLICATION_CREDENTIALS_JSON`    | BigQuery-Dienstkonto JSON                             |
+| `ANTHROPIC_API_KEY`                      | Agenten-Chat                                          |
+
+Anbieterspezifische Schlüssel (HubSpot, Jira, Gong, Pylon usw.) werden in der exemplarischen Vorgehensweise für jede Quelle auf der Seite „Datenquellen“ dokumentiert. Wenn Sie eine neue Aktion hinzufügen, die einen API-Schlüssel benötigt, wird sie über die Onboarding-Registrierung der Vorlage als neue Quelle auf dieser Seite angezeigt.
+
+Hinweis: Die BigQuery OAuth-Anmeldeinformationen für die Google-Anmeldung sind **separat**
+Anmeldeinformationen vom BigQuery-Dienstkonto JSON. Erstellen Sie den Anmeldeclient unter
+GCP-Konsole → APIs & Dienste → Anmeldeinformationen → OAuth-Client-ID, und bevorzugen Sie die
+`GOOGLE_SIGN_IN_CLIENT_ID` / `GOOGLE_SIGN_IN_CLIENT_SECRET` Umgebungsnamen also
+Der Anmeldeclient mit geringem Bereich bleibt von den Google API-Integrationsclients getrennt.
+
+### Datenmodell
+
+Kerntabellen (siehe `templates/analytics/server/db/schema.ts`):
+
+```an-schema title="Analytics data model" summary="Dashboards and analyses are the resources; views, shares, and a query cache hang off them. Org tables come from @agent-native/core/org."
+{
+  "entities": [
+    {
+      "id": "dashboards",
+      "name": "dashboards",
+      "note": "Explorer and SQL dashboards",
+      "fields": [
+        { "name": "id", "type": "text", "pk": true },
+        { "name": "kind", "type": "text", "note": "\"explorer\" or \"sql\"" },
+        { "name": "config", "type": "text", "note": "JSON matching SqlDashboardConfig" }
+      ]
+    },
+    {
+      "id": "dashboard_views",
+      "name": "dashboard_views",
+      "note": "Saved filter presets per dashboard",
+      "fields": [
+        { "name": "id", "type": "text", "pk": true },
+        { "name": "dashboard_id", "type": "text", "fk": "dashboards.id" }
+      ]
+    },
+    {
+      "id": "analyses",
+      "name": "analyses",
+      "note": "Re-runnable ad-hoc investigations",
+      "fields": [
+        { "name": "id", "type": "text", "pk": true },
+        { "name": "question", "type": "text" },
+        { "name": "instructions", "type": "text", "note": "Re-run steps" },
+        { "name": "dataSources", "type": "text", "note": "Sources touched" },
+        { "name": "resultMarkdown", "type": "text" },
+        { "name": "resultData", "type": "text", "nullable": true }
+      ]
+    },
+    {
+      "id": "bigquery_cache",
+      "name": "bigquery_cache",
+      "note": "Result cache keyed by SQL hash",
+      "fields": [
+        { "name": "sql_hash", "type": "text", "pk": true },
+        { "name": "bytes_processed", "type": "integer" }
+      ]
+    }
+  ],
+  "relations": [
+    { "from": "dashboards", "to": "dashboard_views", "kind": "1-n", "label": "saved views" }
+  ]
+}
+```
+
+Plus Pro-Ressourcen-Freigabetabellen (`dashboard_shares`, `analysis_shares`) und die von `@agent-native/core/org` bereitgestellten Organisationstabellen (`organizations`, `org_members`, `org_invitations`). Das Datenwörterbuch befindet sich in der `settings`-Tabelle des Frameworks unter bereichsbezogenen Schlüsseln.
+
+- **`dashboards`** – sowohl Explorer- als auch SQL-Dashboards. `kind` ist `"explorer"` oder `"sql"`; `config` ist ein JSON-Blob, der zu `SqlDashboardConfig` passt.
+- **`dashboard_shares`** – Aktienzuteilungen pro Ressource (Prinzipal, Rolle).
+- **`dashboard_views`** – gespeicherte Filtervoreinstellungen pro Dashboard.
+- **`analyses`** – Ad-hoc-Untersuchungen mit `question`, `instructions`, `dataSources`, `resultMarkdown` und optional `resultData`.
+- **`analysis_shares`** – Aktienzuteilungen pro Ressource für Analysen.
+- **`bigquery_cache`** – Abfrageergebnis-Cache, verschlüsselt durch SQL-Hash mit Byte-verarbeiteter Abrechnung.
+
+Plus die von `@agent-native/core/org` bereitgestellten Organisationstabellen (`organizations`, `org_members`, `org_invitations`).
+
+Das Datenwörterbuch befindet sich in der `settings`-Tabelle des Frameworks unter bereichsbezogenen Schlüsseln. Die vollständige Form finden Sie unter `list-data-dictionary` und `save-data-dictionary-entry` actions.
+
+### Anpassen
+
+Die Analytics-Vorlage soll gespalten und erweitert werden. Alles lebt in `templates/analytics/`:
+
+- **`AGENTS.md`** – der Top-Level-Leitfaden des Agenten. Dokumentansichten, actions und Workflows.
+- **`actions/`** – jede vom Agenten aufrufbare Operation. Fügen Sie eine neue Datei hinzu, um eine neue Aktion hinzuzufügen. Bemerkenswerte:
+  - `update-dashboard.ts` – Dashboard-Änderungen (Ops + vollständiges Ersetzen)
+  - `save-analysis.ts` / `list-analyses.ts` – Ad-hoc-Analysen
+  - `save-data-dictionary-entry.ts` / `list-data-dictionary.ts` – Wörterbuch
+  - `bigquery.ts` – reine BigQuery-Ausführung
+  - `view-screen.ts` / `navigate.ts` – Kontextbewusstsein
+- **`app/routes/`** – dateibasierte Routen. Jede Route ist ein dünner Wrapper um eine Seite in `app/pages/`.
+- **`app/pages/adhoc/sql-dashboard/`** – der SQL-Dashboard-Renderer, Panel-Editor, Filterleiste, gespeicherte Ansichten.
+- **`app/pages/analyses/`** – analysiert die Listen- und Detailansicht.
+- **`app/pages/DataSources.tsx`** – die Datenquellen-Onboarding-UI.
+- **`app/pages/DataDictionary.tsx`** – der Wörterbuchbrowser und -editor.
+- **`.agents/skills/`** – Muster, das der Agent bei Bedarf liest:
+  - `dashboard-management` – Speicher, Bereichsauflösung, Dashboard-Konfigurationsform
+  - `data-querying` – welches Skript Sie verwenden sollten, Filtermuster
+  - `adhoc-analysis` – Workflow für quellenübergreifende Untersuchungen
+  - `data-querying`, `real-time-sync`, `frontend-design`, `storing-data`, `self-modifying-code`
+- **`.builder/skills/<provider>/SKILL.md`** – anbieterspezifische Fallstricke (BigQuery, HubSpot, Jira, GA4 usw.). Vor der Abfrage lesen; Aktualisieren Sie, wenn Sie etwas Neues erfahren.
+- **`server/db/schema.ts`** – Drizzle-Schema für Dashboards, Freigaben, Ansichten, Analysen, BigQuery-Cache.
+- **`server/lib/dashboards-store.ts`** – Dashboard-Lesen/Schreiben mit Bereichsauflösung und Legacy-KV-Migration.
+- **`server/lib/bigquery.ts`** – BigQuery-Client, Probelaufvalidator, Cache-Logik.
+
+Um eine neue Datenquelle hinzuzufügen, legen Sie ein Skript in `actions/` ab, das den Anbieter aufruft und Ergebnisse über den `output()`-Helfer zurückgibt. Es steht dem Agenten sofort zur Verfügung und kann in Dashboard-Panels verwendet werden (wenn Sie das Ergebnis über einen Server-Handler verfügbar machen).
+
+Um einen neuen Diagrammtyp hinzuzufügen, erweitern Sie die `ChartType`-Vereinigung in `app/pages/adhoc/sql-dashboard/types.ts`, verarbeiten Sie sie in `SqlChartCard.tsx`, und der Agent kann sie in jedem Panel verwenden.
+
+Das allgemeinere Muster zum Erweitern von Vorlagen finden Sie in [Skills guide](/docs/skills-guide) und [Actions](/docs/actions).

package/docs/content/locales/de-DE/template-assets.md

@@ -0,0 +1,303 @@
+---
+title: "Vermögenswerte"
+description: "Ein agentennativer Digital Asset Manager und agentenübergreifender Generierungsdienst für markenkonsistente Medien."
+---
+
+# Vermögenswerte
+
+Assets ist ein agentennativer Arbeitsbereich zum Erstellen und Verwalten markenkonsistenter Medien. Es organisiert Uploads und generierte Ergebnisse in Bibliotheken und Ordnern, ermöglicht Teams das Sammeln von Beispielen für Blog-Helden, Diagramme, Zielseiten, Produktaufnahmen, Videos und Logos und leitet die Generierung dann über den Agenten-Chat weiter, sodass jedes Asset überprüft und verfeinert werden kann.
+
+```an-wireframe
+{
+  "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>"
+}
+```
+
+Wenn Sie die App öffnen, bleiben die ausgewählte Bibliothek, die Eingabeaufforderung, die Referenzen und die generierten Kandidaten in einem Arbeitsbereich. Der Agent kann jedes Asset über denselben actions durchsuchen, suchen, generieren, verfeinern und exportieren, den auch der UI verwendet.
+
+```an-diagram 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}"
+}
+```
+
+## Wann soll es ausgewählt werden?
+
+- **Ihr Team benötigt eine wiederverwendbare visuelle Anleitung**, keine einmaligen generischen Medienaufforderungen – sammeln Sie genehmigte Logos, Produktfotos und Stilbeispiele, damit Generationen bei der Marke bleiben.
+- **Sie möchten, dass die generierten Medien überprüft und verfeinert werden**, mit einem vollständigen Prüfprotokoll der Eingabeaufforderungen, Modelle, Referenzen und Herkunft für jeden Lauf.
+- **Andere Apps benötigen eine Asset-Auswahl oder einen Asset-Generator** – Folien, Design, Inhalte, ein Blog-Editor oder ein Website-Builder können die Auswahl einbetten oder Assets über A2A aufrufen.
+- **Sie möchten, dass Markenmedien von Ihrem Coding-Agenten verfügbar sind** – Codex, Claude Code, Claude oder ChatGPT können Assets generieren und auswählen, ohne den Chat zu verlassen.
+
+## Erste Schritte
+
+Live-Demo: [assets.agent-native.com](https://assets.agent-native.com).
+
+1. **Erstellen Sie eine Bibliothek.** Fügen Sie die Marke, Kampagne, das Produkt oder den Content-Stream Ihrer Wahl hinzu
+   verwalten möchten.
+2. **Referenzen hochladen.** Fügen Sie genehmigte Logos, Produktfotos, Stilbeispiele usw. hinzu.
+   vorhandene Videos, damit der Agent über konkretes Material verfügt, mit dem er arbeiten kann.
+3. **Generieren Sie aus einem Chat oder einer Bibliothek.** Fragen Sie nach einem Heldenbild, Diagramm oder Produkt
+   Aufnahme oder Videovariante. Assets speichert die Eingabeaufforderung, Referenzen, Modell, Status usw.
+   und Abstammung zur Überprüfung.
+4. **Verwenden Sie das Asset an anderer Stelle.** Kopieren Sie den Export, betten Sie die Auswahl in einen anderen ein
+   App oder lassen Sie einen anderen Agenten Assets über A2A anrufen.
+
+## Nützliche Eingabeaufforderungen
+
+- „Generieren Sie drei Blog-Hero-Optionen mithilfe der Acme-Produktreferenzen.“
+- „Erstellen Sie ein quadratisches soziales Image im Stil einer Launch-Kampagne.“
+- „Finden Sie alle genehmigten Assets für die Onboarding-Neugestaltung.“
+- „Verwandeln Sie dieses hochgeladene Diagramm in ein klareres Produkterklärungsbild.“
+- „Erstellen Sie ein Video-Storyboard und speichern Sie den besten Framesatz in dieser Bibliothek.“
+
+## Was Sie damit machen können
+
+- **Erstellen Sie Asset-Bibliotheken.** Gruppieren Sie Referenzbilder, Videos, kanonische Logos, Stilhinweise, Paletten, Ordner und generierte Ausgaben nach Marke, Kampagne, Produkt oder Kategorie.
+- **Generieren über Chat.** Die Home Composer- und Bibliotheks-Generate-Steuerelemente senden die Eingabeaufforderung mit `sendToAgentChat()` an den Agenten, sodass Benutzer Varianten prüfen, Feedback geben und iterieren können.
+- **Generieren Sie Bilder und Videos.** Die von Builder verwaltete Bildgenerierung ist verfügbar, wenn sie aktiviert ist, und Gemini unterstützt die Videogenerierung sowie den manuellen Bild-Fallback.
+- **Referenzen hochladen und beschreiben.** Fügen Sie Bilder oder Videos aus der Bibliothek UI oder der Schaltfläche zum Anhängen des Prompt Composer hinzu und suchen Sie dann nach Titel, Beschreibung, Alternativtext, Prompt, Modell, Medientyp, Status, Rolle, Ordner oder Sammlung.
+- **Führen Sie ein Generierungs-Audit-Protokoll.** Bei jedem Lauf werden Eingabeaufforderungen, Modell, Seitenverhältnis, Referenzen, Quell-Asset, Herkunft, generierte Assets, Status, Fehler und Zeitstempel für eine spätere Entwurfsüberprüfung aufgezeichnet.
+- **Behalten Sie die Genauigkeit des Logos bei.** Der Agent kann einen Platzhalterbereich generieren und der Server fügt das hochgeladene kanonische Logo zum endgültigen Bild zusammen, anstatt sich beim Neuzeichnen auf das Bildmodell zu verlassen.
+- **Als Picker einbetten.** Andere Apps können `/picker` iframen und auf das `chooseAsset`-Ereignis von `@agent-native/embedding` warten, wodurch Assets in einen Asset-Picker/Generator für Blog-Editoren, Website-Builder, Foliendecks und benutzerdefinierte Apps umgewandelt werden. Der Picker gibt auch den Legacy-Alias `chooseImage` für vorhandene Nur-Image-Hosts aus.
+- **Als app-gestützten Skill installieren.** Das `agent-native.app-skill.json`-Manifest exportiert einen Assets-Skill plus MCP-Connector-Metadaten, damit Marktplätze die App, ihre Anweisungen und ihre Auswahl gemeinsam installieren können.
+- **Andere Agenten bedienen.** Folien, Design, Inhalt, E-Mail und Versand können Assets über A2A aufrufen, um Bibliotheken aufzulisten, Stapel zu generieren, Videos zu erstellen, ein Asset zu verfeinern, Exporte abzurufen und Inline-Vorschauen zu rendern, wo das Einbetten zulässig ist.
+
+## Verwenden Sie es von Ihrem Codierungsagenten
+
+Generieren und wählen Sie Markenmedien aus, ohne Codex, Claude Code, Claude oder ChatGPT zu verlassen.
+
+1. **Einmal installieren.** Dadurch werden die Skill-Anweisungen hinzugefügt und der gehostete MCP-Connector zusammen registriert:
+
+   ```bash
+   npx @agent-native/core@latest skills Assets hinzufügen # Alias: Image-Generierung
+   ```
+
+   Standard-Client ist `codex`; Fügen Sie `--client claude-code` oder `--client all` für andere hinzu.
+   Wenn Sie nur die tragbaren Fertigkeitsanweisungen über Vercel/Open wünschen
+   Skills CLI, verwenden Sie:
+
+   ```bash
+   npx skills@latest add BuilderIO/agent-native --skill asset
+   ```
+
+   Der Vercel/open Skills CLI installiert nur die Anweisungsdatei; Das ist nicht der Fall
+   Führen Sie das MCP-Connector-Setup aus. Verwenden Sie bei Bedarf den obigen Pfad Agent Native CLI
+   das Ein-Befehl-Setup.
+
+2. **Fragen Sie nach Bildern.** Im Chat Ihres Agenten: „Generieren Sie drei Blog-Hero-Optionen aus den Acme-Produktaufnahmen.“ Der Agent öffnet die Auswahl mit Kandidatenbildern, die Sie neu generieren, neu abstimmen (Eingabeaufforderung, Seitenverhältnis, Anzahl) und aus denen Sie auswählen können.
+3. **Pick.** In Inline-Hosts (ChatGPT, Claude.ai, Claude Desktop-Hauptchat) wird der Picker direkt im Chat gerendert – klicken Sie auf einen Kandidaten und die Auswahl wird automatisch zurückgesendet. Auf CLI/Nur-Link-Hosts (Codex, Claude Code, Claude Desktop-Registerkarte „Code“) erhalten Sie einen Link **„In Assets öffnen →“**; Öffnen Sie es, wählen Sie es im Browser aus und fügen Sie dann die kopierte Übergabezusammenfassung wieder in Ihren Chat ein – oder sagen Sie einfach „Bild A verwenden“.
+
+   ```Text
+   Fügen Sie diese Auswahl wieder in Ihren Chat ein, damit der Agent sie verwenden kann.
+
+   Ausgewähltes Assets-Bild für den nächsten Schritt: <label>
+   Medien URL: <url>
+   Dieses ausgewählte Asset im aktuellen Artefakt oder Design verwenden.
+
+   Ausgewählter Asset-Kontext:
+   { "selectedAsset": { "assetId": "...", "url": "...", "mediaType": "image", ... }
+   ```
+
+4. **Auf Code anwenden.** Die ausgewählten Medien URL und `assetId` kehren zum Agenten zurück, der den URL direkt in dem Code verwendet, den er schreibt (ein `<img>`-Quelle, ein Download) oder `export-asset` aufruft.
+
+## Für Entwickler
+
+Der Rest dieses Dokuments richtet sich an alle, die die Assets-Vorlage verzweigen oder erweitern.
+
+### Gerüst
+
+```bash
+npx @agent-native/core@latest create my-assets --standalone --template assets
+```
+
+### Datenmodell
+
+Alle Daten befinden sich in SQL über Drizzle ORM (Binärmedien befinden sich im Objektspeicher oder im lokalen Datei-Upload-Fallback während der Entwicklung). Schema: `templates/assets/server/db/schema.ts`. Bibliotheken verfügen über den Standard `ownableColumns` und eine passende Framework-Freigabentabelle, sodass sie in das Freigabemodell pro Benutzer/pro Organisation integriert sind.
+
+Hinweis: Die SQL-Tabellennamen behalten das alte `image_*`-Präfix aus der Zeit, als die App „Bilder“ hieß. Sie decken auch Videos und andere Medien ab.
+
+| Tabelle                          | Was es enthält                                                                                                                                                                                                               |
+| -------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `image_libraries`                | Eine Bibliothek – der Container der obersten Ebene, gruppiert nach Marke, Kampagne, Produkt oder Kategorie. Enthält `custom_instructions`, `style_brief`, kanonische Logo- und Cover-Asset-Referenzen sowie den Archivstatus |
+| `image_library_shares`           | Framework teilt Tabellenzuordnungsprinzipale (Benutzer oder Organisationen) zu Rollen (Betrachter, Editor, Administrator) pro Bibliothek                                                                                     |
+| `image_collections`              | Stil-/Kategoriegruppierungen innerhalb einer Bibliothek – `style_brief`, `prompt_template`, Standardseitenverhältnis und Bildgröße                                                                                           |
+| `asset_folders`                  | Verschachtelbare Ordner innerhalb einer Bibliothek (`parent_id` für Hierarchie)                                                                                                                                              |
+| `image_generation_presets`       | Gespeicherte Generierungsrezepte – Medientyp, Eingabeaufforderungsvorlage, Seitenverhältnis, Modell und Text-/Referenzrichtlinie                                                                                             |
+| `image_generation_sessions`      | Eine iterative Generier-und-Auswahl-Sitzung mit einer kurzen Zusammenfassung, dem Status, dem aktiven Asset und einer Feedback-Zusammenfassung                                                                               |
+| `image_generation_session_items` | Kandidaten-Assets innerhalb einer Sitzung, jeweils mit einer Rolle und einer Notiz                                                                                                                                           |
+| `image_assets`                   | Der Asset-Datensatz – Medientyp, Rolle, Status, Titel/Beschreibung/Alternativtext, Eingabeaufforderung, Modell, Abmessungen, MIME-Typ, Objekt-/Miniaturbildschlüssel und Herkunft                                            |
+| `image_generation_runs`          | Das Generierungs-Audit-Protokoll – Eingabeaufforderung, kompilierte Eingabeaufforderung, Modell, Referenzen, Status, Fehler und das `source` (`chat` / `ui` / `a2a`), das es ausgelöst hat                                   |
+
+```an-schema title="Assets data model" summary="Libraries are the ownable container; collections, folders, and presets organize them. Sessions drive generate-and-choose; assets and runs hold output and the audit log. Table names keep the legacy image_* prefix but cover all media."
+{
+  "entities": [
+    { "id": "library", "name": "image_libraries", "note": "Top-level ownable container", "fields": [
+      { "name": "id", "type": "id", "pk": true },
+      { "name": "custom_instructions", "type": "text", "nullable": true },
+      { "name": "style_brief", "type": "text", "nullable": true },
+      { "name": "logo_asset_id", "type": "id", "fk": "image_assets.id", "nullable": true },
+      { "name": "archived", "type": "boolean" }
+    ] },
+    { "id": "library_shares", "name": "image_library_shares", "note": "Framework shares table", "fields": [
+      { "name": "library_id", "type": "id", "fk": "image_libraries.id" },
+      { "name": "role", "type": "text", "note": "viewer / editor / admin" }
+    ] },
+    { "id": "collections", "name": "image_collections", "note": "Style/category groupings", "fields": [
+      { "name": "library_id", "type": "id", "fk": "image_libraries.id" },
+      { "name": "style_brief", "type": "text", "nullable": true },
+      { "name": "prompt_template", "type": "text", "nullable": true }
+    ] },
+    { "id": "folders", "name": "asset_folders", "note": "Nestable folders", "fields": [
+      { "name": "library_id", "type": "id", "fk": "image_libraries.id" },
+      { "name": "parent_id", "type": "id", "fk": "asset_folders.id", "nullable": true }
+    ] },
+    { "id": "presets", "name": "image_generation_presets", "note": "Saved generation recipes", "fields": [
+      { "name": "media_type", "type": "text" },
+      { "name": "prompt_template", "type": "text" },
+      { "name": "model", "type": "text" }
+    ] },
+    { "id": "sessions", "name": "image_generation_sessions", "note": "Iterative generate-and-choose", "fields": [
+      { "name": "id", "type": "id", "pk": true },
+      { "name": "status", "type": "text" },
+      { "name": "active_asset_id", "type": "id", "fk": "image_assets.id", "nullable": true }
+    ] },
+    { "id": "session_items", "name": "image_generation_session_items", "note": "Candidate assets in a session", "fields": [
+      { "name": "session_id", "type": "id", "fk": "image_generation_sessions.id" },
+      { "name": "asset_id", "type": "id", "fk": "image_assets.id" },
+      { "name": "role", "type": "text" }
+    ] },
+    { "id": "assets", "name": "image_assets", "note": "The asset record", "fields": [
+      { "name": "id", "type": "id", "pk": true },
+      { "name": "media_type", "type": "text", "note": "image / video" },
+      { "name": "status", "type": "text" },
+      { "name": "prompt", "type": "text", "nullable": true },
+      { "name": "object_key", "type": "text", "nullable": true }
+    ] },
+    { "id": "runs", "name": "image_generation_runs", "note": "Generation audit log", "fields": [
+      { "name": "model", "type": "text" },
+      { "name": "status", "type": "text" },
+      { "name": "source", "type": "text", "note": "chat / ui / a2a" }
+    ] }
+  ],
+  "relations": [
+    { "from": "library", "to": "collections", "kind": "1-n" },
+    { "from": "library", "to": "folders", "kind": "1-n" },
+    { "from": "library", "to": "assets", "kind": "1-n" },
+    { "from": "sessions", "to": "session_items", "kind": "1-n" },
+    { "from": "library", "to": "library_shares", "kind": "1-n" }
+  ]
+}
+```
+
+### Anpassen
+
+Assets ist eine vollständige, klonbare Vorlage. Einige praktische Erweiterungsideen:
+
+- „Fügen Sie einen Produktkatalog-Connector hinzu, damit Produktreferenzaufnahmen von SKU ausgewählt werden können.“
+- „Fügen Sie eine strenge Genehmigungswarteschlange hinzu, bevor generierte Assets als für das Marketing verwendbar markiert werden.“
+- „Fügen Sie ein Markenbewertungs-Dashboard hinzu, das fehlgeschlagene oder schlecht bewertete Generationen nach Modell filtert.“
+- „Erstellen Sie eine arbeitsbereichsweite Standard-Asset-Bibliothek und leiten Sie die Bildgenerierung für Folien durch diese.“
+- „Fügen Sie einen neuen Anbieter hinter der Schnittstelle zur Bildgenerierung hinzu, nachdem Sie die neuesten Anbieterdokumente überprüft haben.“
+
+Der Agent bearbeitet Routen, Komponenten, actions-, skills- und SQL-gestützte Modelle nach Bedarf. Siehe [Templates](/docs/cloneable-saas) für den vollständigen Klon-, Anpassungs- und Bereitstellungsablauf und [A2A Protocol](/docs/a2a-protocol) für die App-übergreifende Generierung.
+
+### Betten Sie die Auswahl ein
+
+Verwenden Sie die Auswahlroute, wenn ein Mensch darin ein Asset auswählt oder generiert
+ein anderes Produkt. Bild ist der Standardmedientyp; Übergeben Sie `mediaType=video`, wenn
+Sie möchten Videos durchsuchen/auswählen:
+
+```tsx
+import { EmbeddedApp } from "@agent-native/embedding";
+
+<EmbeddedApp
+  url="https://assets.agent-native.com/picker?mediaType=image"
+  onMessage={(name, payload) => {
+    if (name === "chooseAsset") {
+      insertAsset((payload as { url: string }).url);
+    }
+  }}
+/>;
+```
+
+Externe MCP-Hosts sollten `open-asset-picker` aufrufen, anstatt dies zu erstellen
+iframe von Hand. Die Aktion gibt einen Browser-Fallback-Link und MCP App-Metadaten
+für Inline-Hosts. Wenn ein Benutzer ein Asset auswählt, gibt der Picker `chooseAsset`,
+der alte `chooseImage`-Alias für Bild-Assets und aktualisiert das MCP-App-Modell
+Kontext, in dem der Host dies unterstützt. Wenn ein Host den Fallback-Link in einem
+Normale Browser-Registerkarte, anstatt die MCP-App inline zu rendern und ein Asset auszuwählen
+kopiert eine Übergabezusammenfassung und zeigt einen kopierbaren Kontextblock an; Fügen Sie diese Zusammenfassung ein
+zurück in den Chat, damit der externe Agent die ausgewählten Medien URL und
+Asset-Metadaten.
+
+Codex-, Claude-Code und Claude-Desktop-Code sollten als Link-Out-Hosts behandelt werden
+für diesen Fluss. Sie können MCP-Apps möglicherweise nicht inline und mit Remote-CDN-Markdown rendern
+Bilder werden im Chat-Transkript möglicherweise nicht zuverlässig angezeigt. Agenten sollten die
+Asset-Link als Quelle der Wahrheit; wenn eine sichtbare Inline-Vorschau in einem
+Code-Editor-Chat, laden Sie das ausgewählte `previewUrl`/`downloadUrl` auf einen lokalen Server herunter
+Bilddatei und betten Sie diesen absoluten lokalen Pfad ein.
+
+Für Flows zum Generieren und Auswählen rufen Sie `open-asset-picker` mit `prompt` auf.
+`autoGenerate: true` und `count: 3` (anpassbar von 1-6). Der Picker wird geöffnet
+mit Kandidatenbildern und ermöglicht dem Benutzer das Anpassen von Anzahl, Seitenverhältnis oder a
+Generierungsvoreinstellung vor der Auswahl des endgültigen Assets URL.
+
+Verwenden Sie A2A, wenn ein anderer Agent Assets ohne erstellen, suchen oder exportieren muss.
+menschlicher Picker UI.
+
+### Entwickler: App-Skill verteilen
+
+Der Assets-App-Skill hat die App-ID `assets` und wird als MCP URL gehostet
+`https://assets.agent-native.com/_agent-native/mcp`.
+
+```bash
+# Easiest hosted install: exported skill instructions plus MCP connector.
+npx @agent-native/core@latest skills add assets
+
+# Vercel/open Skills CLI install: exported instructions only, no MCP config.
+npx skills@latest add BuilderIO/agent-native --skill assets
+
+# Hosted install: URL-only MCP connector, no shared secrets in skill files.
+npx @agent-native/core@latest app-skill ensure --manifest templates/assets/agent-native.app-skill.json
+
+# Local editable launch.
+npx @agent-native/core@latest app-skill launch --manifest templates/assets/agent-native.app-skill.json --local --into ./assets-local
+
+# Marketplace package, including Claude Code marketplace and Vercel Labs skills adapters.
+npx @agent-native/core@latest app-skill pack --manifest templates/assets/agent-native.app-skill.json --out ./dist/assets-skill
+
+# Install a local exported Assets bundle with the open skills CLI.
+npx skills@latest add ./dist/assets-skill --skill assets -a codex -y
+
+# Install from the generated Claude Code marketplace adapter.
+claude plugin marketplace add ./dist/assets-skill/adapters/claude-marketplace
+claude plugin install agent-native-assets@agent-native-apps
+```
+
+Der exportierte Skill lehrt Agenten, den Picker für Human-in-the-Loop zu verwenden
+Auswahl, direktes actions für unbeaufsichtigte Bild-/Videogenerierung und Browser
+Links, wenn Inline-MCP-Apps nicht verfügbar sind.
+
+Der Marktplatzadapter Claude enthält einen `.claude-plugin/marketplace.json`
+Katalog und ein `agent-native-assets`-Plugin mit `skills/assets/SKILL.md` plus
+das gehostete `.mcp.json`. Im interaktiven Claude-Code ist der gleiche Ablauf verfügbar
+als `/plugin marketplace add ./dist/assets-skill/adapters/claude-marketplace`,
+`/plugin install agent-native-assets@agent-native-apps`, `/reload-plugins` und
+`/mcp` für MCP-Authentifizierung.
+
+Wenn Sie von einem unformatierten Marketplace-Bundle mit `npx skills@latest` installieren, registrieren Sie das
+gehosteter MCP-Connector, damit diese Anweisungen die Live-Assets-App aufrufen können:
+
+```bash
+npx @agent-native/core@latest app-skill ensure --manifest ./dist/assets-skill/agent-native.app-skill.json --yes
+```
+
+## Was kommt als nächstes?
+
+- [**Templates**](/docs/cloneable-saas) – das Modell zum Klonen und Besitzen
+- [**Embedding SDK**](/docs/embedding-sdk) – Iframe-Auswahl und Sidecar-Muster
+- [**A2A Protocol**](/docs/a2a-protocol) – wie andere Apps Assets nennen
+- [**File Uploads**](/docs/file-uploads) – Speicherung und authentifizierte Asset-Bereitstellung
+- [**Sharing & Privacy**](/docs/sharing) – Zugriffskontrolle auf Bibliotheksebene