Communitygithub.com

MAGNE 代理原生登陸頁面技能

為 MAGNE.AI、MAGNE Agent Pay、M Hash L2 和 MAGNE AI Agent 層創建高影響力、合規安全、代理原生的登陸頁面。

MAGNE 代理原生登陸頁面技能 是什麼？

此技能旨在為 MAGNE 生態系統（包括 MAGNE.AI、MAGNE Agent Pay、M Hash L2 和 MAGNE AI Agent 層）生成代理原生（agent-native）且合規的登陸頁面。其輸出風格為暗色、終端機驅動、資訊密集且可讀性高的技術性頁面，適合投資者和開發者。技能涵蓋從視覺風格（如深黑背景、終端面板、等寬字體）到頁面結構（如公告欄、英雄區、問題網格、即時終端示範、AI 任務收據區等）的完整設計系統。它還包含嚴格的合規規則，例如禁止聲稱生產就緒或保證收益，並要求使用「testnet-stage」、「developer demo」等措辭。此技能支援 OpenClaw 平台，並提供詳細的實作步驟、測試清單以及與 M Hash L2 測試網的整合驗證。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jerrysohigh-create/magne-skills/tree/HEAD/magne-agent-native-landing
查看原文→瀏覽所有技能

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

說明文件

MAGNE 代理原生登陸頁面技能 是做什麼的？

目的

為 MAGNE.AI、MAGNE Agent Pay、M Hash L2 和 MAGNE AI Agent 層創建高影響力、合規安全、代理原生的登陸頁面。

輸出應呈現為協議原生的 AI 代理經濟頁面風格：暗色、終端機驅動、資訊密集、技術性強且可供投資者閱讀。

此技能靈感來自現代代理原生協議登陸頁面，但所有內容必須是原創且專屬於 MAGNE。

核心視覺風格

使用暗色協議原生介面。

視覺方向：

  • 深黑色 / 近黑色背景
  • 微妙的徑向漸層
  • 細格線
  • 終端面板
  • 等寬字體標籤
  • 大寫區段標籤
  • 密集的資料卡片
  • CLI 風格示範
  • 極簡霓虹色調
  • 無 Web2 SaaS 風格的光澤外觀
  • 無幼稚的 AI 圖像
  • 無過度鮮豔的漸層

推薦的視覺關鍵字：

  • agent-native
  • secure mobile settlement
  • terminal economy
  • AI task receipt
  • protocol dashboard
  • x402-compatible payment
  • M Hash L2 settlement
  • secure phone authorization

字體排版

使用：

  • 大型、銳利的主標題
  • 簡短的句子
  • 強烈的換行
  • 等寬字體用於技術標籤、日誌、地址、交易哈希、任務 ID
  • 大寫標籤用於元數據

避免：

  • 長段落
  • 行銷話術
  • 過於煽情的語言
  • 泛泛的 AI 流行詞

頁面結構

預設頁面結構：

  1. 公告欄
  2. 英雄區
  3. 問題網格
  4. MAGNE Agent Pay 流程
  5. 即時終端示範
  6. AI 任務收據層
  7. 安全手機授權
  8. 開發者 / SKILL.md 區段
  9. 執行時驗證狀態
  10. 路線圖
  11. 最終行動呼籲
  12. 頁尾免責聲明

英雄區要求

英雄區應陳述一個清晰、高度確信的論點。

推薦的 MAGNE 英雄論點：

「AI 代理可以思考。它們仍無法安全支付。」

替代方案：

「MAGNE 將安全手機轉化為 AI 代理支付終端。」

英雄區副文字應說明：

MAGNE Agent Pay 是一個 x402 相容的開發者示範，用於在 M Hash L2 上進行 AI 代理支付、錢包授權、驗證者驗證和 AI 任務收據生成。

使用合規安全的措辭：

  • testnet-stage
  • developer demo
  • designed to support
  • subject to technical validation

除非經過明確驗證，否則不得聲明生產就緒。

問題網格

使用三個尖銳的問題：

  1. 缺乏安全授權 代理可能觸發任務，但支付仍需受信任的使用者授權。

  2. 缺乏代理支付軌道 API 和模型服務需要按使用量付費的結算方式，且代理可以程式化呼叫。

  3. 缺乏可驗證收據 AI 任務需要可稽核的紀錄：誰請求、誰支付、結算了什麼、以及傳回了什麼。

每個問題卡片應包含：

  • 標籤
  • 簡短標題
  • 零狀態指標，例如「0 個已驗證收據」
  • 一個簡潔段落
  • 連結樣式箭頭

MAGNE 解決方案對應

將問題對應到 MAGNE：

  • MAGNE Agent ID
  • x402 相容支付流程
  • MAGNE Facilitator
  • mMHA / 支援的結算資產
  • M Hash L2 結算
  • AI Task Receipt
  • Secure Phone / Wallet Authorization
  • MAGNE.AI Phone 可選安全簽章層

除非經過驗證，否則不得暗示所有模組均已生產就緒。

Agent Pay 流程區段

以視覺化方式顯示此流程：

AI Agent Task
→ HTTP 402 Payment Required
→ Wallet Authorization
→ mMHA Payment
→ Facilitator Verify
→ M Hash L2 Receipt
→ API Result Returned

使用簡短標籤和交易樣式 UI。

終端示範區段

務必包含一個 CLI 風格的終端面板。

範例內容：

$ magne agent task create "analyze wallet risk"
✓ 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

若示範僅在本地執行時驗證，請清楚標示：

[LOCAL RUNTIME VERIFIED]

若已部署到測試網，請標示：

[M HASH L2 TESTNET VERIFIED]

執行時驗證狀態

務必包含一個透明的狀態面板。

使用如下的狀態：

元件狀態
智慧合約編譯已驗證
本地 Hardhat 部署已驗證
後端啟動已驗證
mMHA ERC20 支付已驗證
Facilitator 驗證已驗證
收據交易建立已驗證
M Hash L2 測試網部署待處理 / 已驗證
區塊鏈瀏覽器連結待處理 / 已驗證
瀏覽器 MetaMask 流程待處理 / 已驗證

若無日誌、交易哈希或區塊鏈瀏覽器連結等證據，請勿將項目標記為已驗證。

合規規則

不得聲明：

  • 保證收入
  • 代幣價格上漲
  • 無風險獎勵
  • 生產就緒的支付整合
  • 官方 x402 合作夥伴關係
  • 官方 Coinbase 合作夥伴關係
  • 未經驗證的完全去中心化網路
  • 除非經過法律審查，否則不得聲明第一 / 唯一 / 世界第一
  • 除非已部署且可驗證，否則不得聲明主網上線

請使用：

  • x402-compatible
  • developer demo
  • local runtime verified
  • testnet-stage
  • designed to support
  • planned
  • subject to technical validation
  • subject to security review
  • subject to governance approval
  • applicable compliance requirements

MAGNE 內容詞彙表

首選詞彙：

  • MAGNE Agent Pay
  • M Hash L2
  • MAGNE Facilitator
  • AI Task Receipt
  • x402-compatible payment flow
  • secure mobile authorization
  • MAGNE.AI Phone
  • Secure Element
  • TEE
  • mMHA test token
  • MHA-supported settlement asset
  • Agent Pay Demo
  • Agent-native payment layer

避免使用：

  • guaranteed mining
  • passive income
  • risk-free
  • moon
  • pump
  • official x402
  • official Coinbase
  • production payment rail（除非已驗證）

NARA 風格概念對應到 MAGNE

僅將此對應作為靈感：

NARA 概念MAGNE 對應
Agent IdentityMAGNE Agent ID / Agent Registry
AappsMAGNE Agent Services / Agent Pay APIs
SkillHubMAGNE SkillHub / Developer SDK
Agent-native currencymMHA test asset / MHA-supported settlement utility
CLI demoMAGNE Agent Pay terminal demo
On-chain actionsM Hash L2 AI Task Receipts
Agent social / live productMAGNE Agent Portal / Agent Pay Demo

請勿複製 NARA 的名稱、佈局或專有措辭。

輸出要求

當被要求生成或修改頁面時，請輸出：

  • 清晰的檔案清單
  • HTML 結構
  • CSS 設計令牌
  • 必要的 JavaScript 互動需求
  • 文案區塊
  • 合規免責聲明
  • 行動裝置響應式行為
  • GitHub 就緒的修補程式說明

對於 OpenClaw 實作任務，請提供確切步驟：

  • 要建立的檔案
  • 要修改的檔案
  • 要插入的區段
  • 要使用的類別
  • 要替換的文字
  • 測試檢查清單

首選行動呼籲標籤

請使用：

  • View Demo
  • Read Docs
  • Inspect Receipt
  • Run Agent Task
  • View GitHub
  • Open Developer Demo
  • Connect Wallet
  • Verify Payment
  • Create Receipt

避免使用：

  • Buy now
  • Earn guaranteed rewards
  • Start earning
  • Profit from agents

測試檢查清單

交付前，請驗證：

  • 所有終端示範交易哈希均為真實（來自執行時驗證）
  • 除非在主網上驗證，否則不得出現「production-ready」
  • 英雄區可見測試網徽章
  • 頁尾有風險警告
  • 鏈 ID / RPC / 區塊鏈瀏覽器連結指向 magicalhash.com
  • 無代幣價格聲明
  • 無保證收入語言
  • 頁面載入無控制台錯誤
  • 在 375px 寬度下行動裝置響應式良好
  • 終端示範正確渲染
  • 所有外部連結指向正確的主機

參考連結

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

jerrysohigh-create/magne-skills

Generate MAGNE product landing pages in the **MAGNE Agent-Native Terminal Web Style** — inspired by nara.build's agent-economy aesthetic, but mapped to MAGNE's specific narrative: AI agent payment rails on M Hash L2.

相關技能

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community