MAGNE Agent-Native Landing Page Skill
Zweck
Erstelle hochwirksame, compliance-sichere, agent-native Landing Pages für MAGNE.AI, MAGNE Agent Pay, M Hash L2 und MAGNE AI Agent Layer.
Das Ergebnis soll sich wie eine protokollnative KI-Agenten-Wirtschaftsseite anfühlen: dunkel, terminalgetrieben, dicht, technisch und für Investoren lesbar.
Diese Skill ist inspiriert von modernen agent-nativen Protokoll-Landing Pages, aber alle Inhalte müssen originell und MAGNE-spezifisch sein.
Visueller Kernstil
Verwende ein dunkles, protokoll-natives Interface.
Visuelle Richtung:
- Tiefer schwarzer / fast schwarzer Hintergrund
- Dezente radiale Verläufe
- Dünne Gitterlinien
- Terminal-Panels
- Monospace-Labels
- Großbuchstaben-Sektion-Tags
- Dichte Datenkarten
- CLI-artige Demonstrationen
- Minimale Neon-Akzente
- Kein glänzender Web2-SaaS-Look
- Keine kindischen KI-Bilder
- Keine übermäßig bunten Verläufe
Empfohlene visuelle Schlüsselwörter:
- agent-native
- secure mobile settlement
- terminal economy
- AI task receipt
- protocol dashboard
- x402-compatible payment
- M Hash L2 settlement
- secure phone authorization
Typografie
Verwende:
- Große, scharfe Hero-Überschriften
- Kurze Sätze
- Starke Zeilenumbrüche
- Monospace für technische Labels, Logs, Adressen, Tx-Hashes, Task-IDs
- Großbuchstaben-Labels für Metadaten
Vermeide:
- Lange Absätze
- Marketing-Floskeln
- Übermäßig emotionale Sprache
- Generische KI-Schlagwörter
Seitenstruktur
Standard-Seitenstruktur:
- Ankündigungsleiste
- Hero
- Problem-Grid
- MAGNE Agent Pay Flow
- Live Terminal Demo
- AI Task Receipt Layer
- Sichere Telefonautorisierung
- Entwickler / SKILL.md-Bereich
- Runtime Verification Status
- Roadmap
- Finaler CTA
- Footer-Disclaimer
Hero-Anforderungen
Der Hero sollte eine klare, überzeugende These formulieren.
Empfohlene MAGNE-Hero-These:
„KI-Agenten können denken. Sie können immer noch nicht sicher bezahlen.“
Alternative:
„MAGNE verwandelt sichere Telefone in Zahlungsterminals für KI-Agenten.“
Hero-Subtext sollte erklären:
MAGNE Agent Pay ist ein x402-kompatibles Entwickler-Demo für KI-Agenten-Zahlungen, Wallet-Autorisierung, Facilitator-Verifikation und Generierung von AI Task Receipts auf M Hash L2.
Verwende compliance-sichere Formulierungen:
- testnet-stage
- developer demo
- designed to support
- subject to technical validation
Behaupte keine Produktionsreife, es sei denn explizit verifiziert.
Problem-Grid
Verwende drei präzise Probleme:
-
Keine sichere Autorisierung Agenten können Aufgaben auslösen, aber Zahlungen erfordern weiterhin vertrauenswürdige Benutzerautorisierung.
-
Kein Agent-Zahlungsweg APIs und Modelldienste benötigen Pay-per-Use-Abrechnung, die Agenten programmatisch aufrufen können.
-
Kein verifizierbarer Beleg KI-Aufgaben benötigen prüfbare Aufzeichnungen: wer angefordert hat, wer bezahlt hat, was abgerechnet wurde und was zurückgegeben wurde.
Jede Problemkarte sollte enthalten:
- label
- kurze Überschrift
- Null-Zustandsmetrik, z. B. „0 verifizierte Belege“
- ein prägnanter Absatz
- Pfeil-Link-Stil
MAGNE-Lösungszuordnung
Ordne das Problem MAGNE zu:
- MAGNE Agent ID
- x402-Kompatibler Zahlungsablauf
- MAGNE Facilitator
- mMHA / unterstützte Abwicklungs-Assets
- M Hash L2 Settlement
- AI Task Receipt
- Sicheres Telefon / Wallet-Autorisierung
- MAGNE.AI Phone optional sichere Signaturschicht
Impliziere nicht, dass alle Module produktionsreif sind, es sei denn verifiziert.
Abschnitt „Agent Pay Flow“
Zeige diesen Ablauf visuell:
AI Agent Task
→ HTTP 402 Payment Required
→ Wallet Authorization
→ mMHA Payment
→ Facilitator Verify
→ M Hash L2 Receipt
→ API Result Returned
Verwende kurze Labels und transaktionsartige UI.
Abschnitt „Terminal Demo“
Füge immer ein CLI-artiges Terminal-Panel ein.
Beispielinhalt:
$ magne agent task create "wallet risk analysis"
✓ task created — task_20260520_001
$ magne api call wallet-risk --wallet 0x742d...
✕ 402 Payment Required — 0.01 mMHA
$ magne pay settle --network mhash-l2
✓ payment verified — tx 0x130b...701e
$ magne receipt create
✓ AI Task Receipt created — 0x428d...fe91
$ magne receipt inspect 0x428d...fe91
agent: MAGNE-Agent-001
service: wallet-risk-analysis
amount: 0.01 mMHA
status: settled
network: M Hash L2
Wenn das Demo nur lokal runtime-verifiziert ist, kennzeichne es deutlich:
[LOCAL RUNTIME VERIFIED]
Wenn es auf Testnet deployt ist, kennzeichne es:
[M HASH L2 TESTNET VERIFIED]
Runtime Verification Status
Füge immer ein transparentes Status-Panel ein.
Verwende Status wie:
| Komponente | Status |
|---|---|
| Smart Contracts kompilieren | verifiziert |
| Lokales Hardhat-Deployment | verifiziert |
| Backend startet | verifiziert |
| mMHA ERC20 Zahlung | verifiziert |
| Facilitator-Verifikation | verifiziert |
| Beleg-Transaktion erstellt | verifiziert |
| M Hash L2 Testnet-Deployment | ausstehend / verifiziert |
| Explorer-Link | ausstehend / verifiziert |
| Browser MetaMask-Ablauf | ausstehend / verifiziert |
Markiere keine Elemente als verifiziert ohne Nachweise wie Logs, Transaktions-Hashes oder Explorer-Links.
Compliance-Regeln
Behaupte nicht:
- garantierte Einnahmen
- Token-Preissteigerung
- risikofreie Belohnungen
- produktionsreife Zahlungsintegration
- offizielle x402-Partnerschaft
- offizielle Coinbase-Partnerschaft
- vollständig dezentrales Netzwerk, es sei denn verifiziert
- erstes / einziges / weltweit erstes, es sei denn rechtlich geprüft
- Mainnet live, es sei denn deployt und verifizierbar
Verwende:
- x402-kompatibel
- Entwickler-Demo
- lokal runtime-verifiziert
- testnet-stage
- entwickelt zur Unterstützung von
- geplant
- vorbehaltlich technischer Validierung
- vorbehaltlich Sicherheitsüberprüfung
- vorbehaltlich Governance-Zustimmung
- anwendbare Compliance-Anforderungen
MAGNE-Inhaltsvokabular
Bevorzugte Begriffe:
- MAGNE Agent Pay
- M Hash L2
- MAGNE Facilitator
- AI Task Receipt
- x402-kompatibler Zahlungsablauf
- sichere mobile Autorisierung
- MAGNE.AI Phone
- Secure Element
- TEE
- mMHA Test-Token
- MHA-unterstütztes Abwicklungs-Asset
- Agent Pay Demo
- Agent-native Zahlungsschicht
Vermeide:
- garantiertes Mining
- passives Einkommen
- risikofrei
- moon
- pump
- offizielle x402
- offizielle Coinbase
- Produktionszahlungsweg, es sei denn verifiziert
NARA-artiges Konzept-Mapping für MAGNE
Verwende dieses Mapping nur als Inspiration:
| NARA-Konzept | MAGNE-Zuordnung |
|---|---|
| Agent Identity | MAGNE Agent ID / Agent Registry |
| Aapps | MAGNE Agent Services / Agent Pay APIs |
| SkillHub | MAGNE SkillHub / Developer SDK |
| Agent-native Währung | mMHA Test-Asset / MHA-unterstütztes Abwicklungs-Utility |
| CLI-Demo | MAGNE Agent Pay Terminal-Demo |
| On-Chain-Aktionen | M Hash L2 AI Task Receipts |
| Agent Social / Live-Produkt | MAGNE Agent Portal / Agent Pay Demo |
Kopiere keine NARA-Namen, Layouts oder proprietären Formulierungen.
Ausgabeanforderungen
Wenn du aufgefordert wirst, eine Seite zu generieren oder zu ändern, gib aus:
- Klare Dateiliste
- HTML-Struktur
- CSS-Design-Tokens
- JavaScript-Interaktionsanforderungen (falls erforderlich)
- Textblöcke
- Compliance-Disclaimer
- Mobil responsive Verhalten
- GitHub-ready Patch-Anweisungen
Für OpenClaw-Implementierungsaufgaben gib genaue Schritte an:
- zu erstellende Dateien
- zu ändernde Dateien
- einzufügende Abschnitte
- zu verwendende Klassen
- zu ersetzenden Text
- Test-Checkliste
Bevorzugte CTA-Labels
Verwende:
- Demo ansehen
- Dokumentation lesen
- Beleg prüfen
- Agenten-Aufgabe ausführen
- GitHub ansehen
- Entwickler-Demo öffnen
- Wallet verbinden
- Zahlung verifizieren
- Beleg erstellen
Vermeide:
- Jetzt kaufen
- Garantierte Belohnungen verdienen
- Mit dem Verdienen beginnen
- Von Agenten profitieren
Test-Checkliste
Vor der Auslieferung überprüfen:
- Alle Terminal-Demo-Tx-Hashes sind echt (aus Runtime-Verifikation)
- Keine „Produktionsreife“, außer verifiziertem Mainnet
- Testnet-Badge im Hero sichtbar
- Risikowarnung im Footer
- Chain-ID / RPC / Explorer-Links verweisen auf magicalhash.com
- Keine Token-Preisbehauptungen
- Keine garantierten Einnahmen-Formulierungen
- Seite lädt ohne Konsolenfehler
- Mobil responsiv bei 375px Breite
- Terminal-Demo wird korrekt dargestellt
- Alle externen Links verweisen auf die richtigen Hosts
Referenzlinks
- MAGNE Agent Pay Demo: https://github.com/jerrysohigh-create/magne-agent-pay-demo
- M Hash L2: https://github.com/magne-ai/M-Hash-L2
- M Hash L2 Agent Pay Docs: https://github.com/jerrysohigh-create/M-Hash-L2/blob/main/docs/agent-pay-demo.md
- SKILL-Quelle:
~/.openclaw/workspace-main/skills/magne-agent-native-landing/SKILL.md