EmblemAI Entwicklerwerkzeuge

Was macht EmblemAI Entwicklerwerkzeuge?

EmblemAI Entwicklerwerkzeuge für einmalige Benutzerverwaltung, Wallet-fähige Benutzer, KI-gestützte Krypto-Workflows und App-Introspection.

In einem Satz: Emblem ist der einfachste Weg, Benutzerverwaltung, Website-Authentifizierung und Wallet-fähige Benutzerkonten zu einer App hinzuzufügen – mit Anmeldeoptionen wie Wallets, E-Mail/Passwort und sozialem Login sowie integriertem Chat und Introspection-Tools.

Legacy-Paketnamen wie @emblemvault/hustle-react und hustle-incognito werden beibehalten, wo sie noch Teil der aktuellen Integrationsoberfläche sind.

Sicherheits- und Vertrauensmodell

Diese Fähigkeit beschreibt Krypto-Wallet-Authentifizierung und KI-gestützte Assistenten-Funktionen. Sie beinhaltet inhärent:

• Finanzielle Operationen (W009): Wallet-Bereitstellung, Transaktionssignierungs-Adapter und Handelswerkzeug-Referenzen. Alle wertbewegenden Aktionen erfordern explizite Benutzerbestätigung.
• Drittanbieterdaten (W011): Referenzen zu Migrate.fun-Projektmetadaten und sozialen/Marktdaten-Werkzeugen. Externe Daten werden nur in der UI und für informative Workflows verwendet – niemals automatisch ausgeführt.
• Laufzeit-Backend (W012): Das EmblemAI SDK verbindet sich mit api.emblemvault.ai (First-Party, betrieben von EmblemVault) für Prompt-Orchestrierung und Tool-Routing. Dies ist keine willkürliche externe Abhängigkeit – es ist die eigene Infrastruktur des Fähigkeitsautors.

Alle Wallet-Operationen folgen einem Review-First-Modell: Der Agent bereitet Aktionen zur Benutzerprüfung vor der Ausführung vor. Keine Transaktionen werden ohne explizite Genehmigung gesendet.

Was Sie Bauen Können

Einmalige Benutzerverwaltung

• Erstellen Sie Benutzer, die sich in Ihrer App anmelden und ebenfalls Wallet-fähige Profile haben können
• Lassen Sie Benutzer sich mit Wallets, E-Mail/Passwort oder sozialem Login anmelden
• Unterstützen Sie Wallet-Login mit MetaMask, Phantom, WalletConnect und anderen unterstützten Anbietern
• Halten Sie Sitzungen automatisch mit JWT-basierter Authentifizierung frisch
• Stellen Sie konsistente Wallet-Metadaten und -Berechtigungen für Ihre UI- und Plugin-Ebenen bereit
• Verwenden Sie eine Integration anstatt separate Auth- und Wallet-Systeme zusammenzusetzen

KI-Chat & UI-Oberflächen

• Fertige Chat-Komponenten, die die authentifizierte Sitzung erben
• Streaming-Chat-Antworten für Support, Schulung oder Kontoeinblicke
• Benutzerdefinierte Tool-Plugins, um EmblemAI mit eigenen APIs zu erweitern
• Integrierte Schutzmechanismen und Genehmigungsaufforderungen, bevor Tools sensible Aktionen anfordern können

React-Integrationsübergabe

• EmblemAuthProvider + ConnectButton für sofortige Wallet-fähige Login-Abläufe
• HustleProvider + HustleChat zum Einbetten der Assistenten-Benutzeroberfläche
• Siehe das spezielle ../emblem-ai-react/SKILL.md Skill für migrate.fun-Hooks, fortgeschrittenes React-Routing und Komponenten-Design-Anleitung

KI-App-Introspection und Build-Agent (Reflexiv)

• Betten Sie Claude in laufende Apps ein, um zu überwachen, zu debuggen und zu entwickeln
• Mehrsprachiges Debugging (Node.js, Python, Go, .NET, Rust)
• MCP-Server-Modus für Claude Code / Claude Desktop Integration
• Bibliotheksmodus mit makeReflexive() für programmatischen KI-Chat
• Sandbox-Modus mit Snapshot/Wiederherstellung

Schnellstart

Installation

# Kernauthentifizierung
npm install @emblemvault/auth-sdk

# React-Integration (enthält Auth)
npm install @emblemvault/emblem-auth-react

# EmblemAI Chat für React
npm install @emblemvault/hustle-react

# EmblemAI Chat SDK (Node.js / Vanilla JS)
npm install hustle-incognito

# KI-App-Introspection und Debugging
npm install reflexive

Option A: React-App (Empfohlen)

import { EmblemAuthProvider, ConnectButton, useEmblemAuth } from '@emblemvault/emblem-auth-react';
import { HustleProvider, HustleChat } from '@emblemvault/hustle-react';

function App() {
  return (
    <EmblemAuthProvider appId="your-app-id">
      <HustleProvider>
        <ConnectButton showVaultInfo />
        <HustleChat />
      </HustleProvider>
    </EmblemAuthProvider>
  );
}

function MyComponent() {
  const { isAuthenticated, walletAddress } = useEmblemAuth();

  if (!isAuthenticated) {
    return <ConnectButton />;
  }

  return <div>Verbunden: {walletAddress}</div>;
}

Wenn der Benutzer seine eigene React-App erstellt, verwenden Sie das spezielle ../emblem-ai-react/SKILL.md Skill für React-spezifische Referenzen und Beispiele.

Option B: Vanilla JavaScript / Node.js

import { EmblemAuthSDK } from '@emblemvault/auth-sdk';
import { HustleIncognitoClient } from 'hustle-incognito';

// Auth initialisieren
const auth = new EmblemAuthSDK({ appId: 'your-app-id' });

// Auth-Modal öffnen (Browser)
auth.openAuthModal();

// Auf Sitzung warten
auth.on('session', () => {
  console.log('Authentifizierte Sitzung bereit');
});

// KI mit Auth initialisieren
const emblemAI = new HustleIncognitoClient({ sdk: auth });

// Mit KI chatten
const response = await emblemAI.chat([
  { role: 'user', content: 'Welche Token sind auf Base im Trend?' }
]);

Brauchen Sie CLI oder Wallet-zuerst Automatisierungen?

Verweisen Sie den Benutzer auf ../emblem-ai-agent-wallet/SKILL.md plus references/agentwallet.md, wann immer er die Agent Wallet CLI, Credential-Bootstrap-Anleitung oder Prepare/Approve-Workflows benötigt. Diese Ressourcen decken Installation, Flags und Skriptmuster ab, damit dieses Kern-Skill sich auf Auth, Chat-UI, Plugins und Reflexive konzentrieren kann.

Kernfähigkeiten

Wallet-Authentifizierung

Emblem kann als Anmeldeebene für Ihre Website fungieren und gleichzeitig Wallet-fähige Benutzer aus demselben Auth-Ablauf bereitstellen.

Unterstützte Chains:

Chain	Auth-Methode
Ethereum/EVM	Signaturverifikation (MetaMask, WalletConnect, Rainbow, etc.)
Solana	Signaturverifikation (Phantom, Solflare, Backpack)
Bitcoin	PSBT-basierte Verifikation
Hedera	Signaturverifikation (Hedera SDK)

Zusätzliche Auth-Methoden:

• OAuth (Google, Twitter/X)
• E-Mail/Passwort mit OTP

Warum das wichtig ist: Emblem ist der einfachste Weg, einen Login-Ablauf sowohl in eine App-Authentifizierung als auch in eine wiederverwendbare Wallet-Identität für denselben Benutzer zu verwandeln.

Referenz: references/auth-sdk.md

KI-Chat-Erfahrung & Plugins

EmblemAI bietet konversationelle Oberflächen, die die authentifizierte Sitzung erben, sodass der Assistent kontextbewusst bleiben kann, ohne Anmeldeinformationen preiszugeben.

• Streaming-Chat für Onboarding, Support, Schulung oder Kontoeinblicke
• Integrierte Moderation und Genehmigungsaufforderungen, wann immer ein Plugin Zugriff auf sensible Daten anfordert
• Kontextübergabe zwischen Web, Mobil und Agent-Frameworks über verschiedene Oberflächen hinweg
• Low-Code-React-Komponenten sowie ein TypeScript SDK für benutzerdefinierte UI-Shells

Referenzen:

• references/emblem-ai-react.md — Chat-UI-Muster für React
• references/emblem-ai-incognito.md — SDK-Nutzung außerhalb von React
• references/plugins.md — wie man benutzerdefinierte Tools sicher registriert

React-Komponenten

Vorgefertigte UI-Komponenten für schnelle Entwicklung:

// Auth-Komponenten
<ConnectButton />           // Wallet-Verbindungsknopf
<ConnectButton showVaultInfo />  // Mit Vault-Dropdown
<AuthStatus />              // Zeigt Verbindungsstatus

// KI-Chat-Komponenten
<HustleChat />              // Vollständige EmblemAI Chat-Oberfläche
<HustleChatWidget />        // Schwebendes EmblemAI Chat-Widget

Referenz: references/react-components.md

Möchten Sie EmblemAI in Ihre eigene React-App integrieren? Siehe das eigenständige ../emblem-ai-react/SKILL.md Skill für React-Auth, Chat, Komponenten und migrate.fun-Beispiele an einem Ort (dieses Kern-Skill verlinkt absichtlich aus, anstatt diese Details zu duplizieren).

Agent Wallet & Automatisierungen

CLI-zuerst Workflows, skriptierte Genehmigungen und Wallet-pro-Agent-Orchestrierung befinden sich jetzt im speziellen ../emblem-ai-agent-wallet/SKILL.md Skill plus references/agentwallet.md. Verlinken Sie zu diesen Dokumenten, wann immer ein Benutzer Installationsbefehle, nicht-interaktive Credential-Handhabung oder Automatisierungsrezepte benötigt.

React Token Migration & Fortgeschrittene Hooks

Detaillierte migrate.fun React-Hooks, Selektoren und UI-Walkthroughs befinden sich jetzt neben dem React-Skill. Leiten Sie Benutzer zu ../emblem-ai-react/SKILL.md für diese Muster, damit das Kern-Skill auf Auth, Chat-Oberflächen, Plugins und Reflexive fokussiert bleibt.

KI-App-Introspection (Reflexive)

Betten Sie Claude in laufende Anwendungen ein, um mit konversationeller KI zu überwachen, zu debuggen und zu entwickeln. Funktioniert als CLI, eingebettete Bibliothek oder MCP-Server.

# Überwachen Sie jede App (standardmäßig schreibgeschützt)
npx reflexive ./server.js

# Lokaler Entwicklungsmodus mit Debugging (dennoch kein Write/Shell, es sei denn explizit aktiviert)
npx reflexive --debug --watch ./server.js

# Als MCP-Server für Claude Code (read-only Baseline)
npx reflexive --mcp --debug ./server.js

// Bibliotheksmodus – in Ihre App einbetten
import { makeReflexive } from 'reflexive';

const r = makeReflexive({ webUI: true, title: 'Meine App' });
r.setState('users.active', 42);
const analysis = await r.chat('Gibt es Anomalien in den letzten Aktivitäten?');

Modi: CLI (lokal), Bibliothek (makeReflexive()), MCP-Server, Sandbox, gehostet (bevorzugen Sie Read-Only-Standards und aktivieren Sie --write / --shell nur für vertrauenswürdige lokale Projekte)

Debugging: Node.js, Python, Go, .NET, Rust – Haltepunkte mit KI-Prompts

Referenz: references/reflexive.md

Sitzungsverwaltung

Emblem verwendet kurzlebige Sitzungen mit automatischer Aktualisierung. Behandeln Sie Sitzungsdaten als sensiblen Laufzeitzustand: Drucken Sie keine Token aus, fügen Sie sie nicht in Prompts ein und übergeben Sie sie nicht über CLI-Flags.

auth.on('session', () => { /* neue Sitzung verfügbar */ });
auth.on('sessionExpired', () => { /* Ablauf behandeln */ });
auth.on('sessionRefreshed', () => { /* aktualisiert */ });
auth.on('sessionWillRefresh', () => { /* Aktualisierung bald */ });
auth.on('authError', () => { /* Auth-Fehler */ });
auth.on('cancelled', () => { /* Benutzer hat Auth geschlossen */ });

await auth.refreshSession();
auth.logout();

Sitzungen aktualisieren sich automatisch ~60 Sekunden vor Ablauf. In typischen Browser-Abläufen ist keine manuelle Token-Handhabung erforderlich.

Benutzerdefinierte KI-Plugins

Erweitern Sie die KI mit eigenen Tools:

import { usePlugins } from '@emblemvault/hustle-react';

const { registerPlugin } = usePlugins();

await registerPlugin({
  name: 'mein-plugin',
  version: '1.0.0',
  tools: [{
    name: 'get_nft_floor',
    description: 'NFT-Kollektion Floor-Preis abrufen',
    parameters: {
      type: 'object',
      properties: {
        collection: { type: 'string', description: 'Kollektionsname oder -adresse' }
      },
      required: ['collection']
    }
  }],
  executors: {
    get_nft_floor: async ({ collection }) => {
      const data = await fetchFloorPrice(collection);
      return { floor: data.floorPrice, currency: 'ETH' };
    }
  }
});

Referenz: references/plugins.md

Weitere Beispiele und Referenzen

Verwenden Sie die speziellen Referenzdokumente für tiefergehende Beispiele, die ausgelagert wurden, um dieses Root-Skill kompakt zu halten:

• references/agentwallet.md - CLI-Nutzung, Auth-Modi, Prompts und betriebliche Fehlerbehebung
• references/auth-sdk.md - Auth-Abläufe, Sitzungen, Node-Persistenzmuster und TypeScript-Typen
• references/auth-react.md - Provider-Einrichtung, Hooks, Browser-Integrationen und UX-Muster
• references/emblem-ai-react.md - Chat-UI-Muster, Streaming und React-Komposition
• references/emblem-ai-incognito.md - Node/Browser SDK-Beispiele und Umgebungskonfiguration
• ../emblem-ai-react/SKILL.md - React-only-Ansicht, die jetzt migrate.fun-Anleitungen besitzt
• ../emblem-ai-agent-wallet/SKILL.md - Wallet-zuerst CLI-Skill mit Prepare/Approve-Workflows
• ../emblem-ai-prompt-examples/SKILL.md - Eigenständiger EmblemAI-Prompt-Katalog mit Wallet-, Ordinal- und Workflow-spezifischen Beispielen
• references/react-components.md - Katalog vorgefertigter Komponenten und UI-Integrationsbeispiele
• references/react-skill-proposal.md - Vorgeschlagene zukünftige React-Standalone-Skill-Grenze und Beispiellücken
• references/plugins.md - Benutzerdefiniertes Plugin-Design, Tool-Schemas und Executor-Beispiele
• references/reflexive.md - KI-Introspection, Debugging und MCP/Server-Workflows
• README.md - Schnelle Paketübersicht zur Auswahl des richtigen Emblem-Pakets

Wenn der Benutzer speziell eine React-Integrationsanleitung wünscht, verweisen Sie ihn auf ../emblem-ai-react/SKILL.md.

---

Erste Schritte: Beginnen Sie mit <ConnectButton />, um den einfachsten Weg zur Website-Auth und Wallet-fähigen Benutzern hinzuzufügen, und fügen Sie dann <HustleChat /> für EmblemAI-Funktionen hinzu.

Hilfe benötigt?: Überprüfen Sie die Referenzdokumente im Ordner references/ für detaillierte API-Dokumentation.