<!DOCTYPE html> <html lang=”zh-CN”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>OpenClaw å¤ Agent é ç½® – ä¸äººå ¬å¸</title> <script src=”https://cdn.tailwindcss.com”></script> <link href=”https://fonts.proxy.ustclug.org/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap” rel=”stylesheet”> <link href=”https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css” rel=”stylesheet”> <style> body .font-mono { font-family: ‘Fira Code’, monospace; } .agent-card { transition: all 150ms ease; border: 2px solid transparent; } .agent-card:hover { border-color: #2563EB; transform: translateY(-2px); } .channel-badge { background: #2563EB; color: white; padding: 4px 8px; border-radius: 12px; cursor 教程 font-size: 12px; font-weight: 500; } .workspace-item { background: white; border: 1px solid #E2E8F0; border-radius: 8px; padding: 12px; margin: 8px 0; } .code-block { background: #1E293B; color: #F8FAFC; border-radius: 8px; padding: 16px; font-size: 14px; overflow-x: auto; position: relative; } .config-section { background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin: 16px 0; } .step-indicator .copy-btn { position: absolute; top: 8px; right: 8px; background: rgba(255,255,255,0.1); border: none; color: #94A3B8; padding: 4px 8px; border-radius: 4px; cursor: pointer; font-size: 12px; } .copy-btn:hover { background: rgba(255,255,255,0.2); color: white; } </style> </head> <body> <!– Header –> <header class=”bg-white border-b border-gray-200 sticky top-0 z-50″> <div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″> <div class=”flex justify-between items-center py-4″> <div class=”flex items-center space-x-3″> <div class=”w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center”> <i class=”fas fa-robot text-white text-xl”></i> </div> <div> <h1 class=”text-xl font-bold text-gray-900″>OpenClaw å¤ Agent é ç½®</h1> <p class=”text-sm text-gray-600″>ä¸äººå ¬å¸æ¶ææ¼ç¤º</p> </div> </div> <div class=”flex items-center space-x-4″> <span class=”channel-badge”> <i class=”fas fa-discord mr-1″></i>Discord éæ </span> <span class=”text-sm text-gray-500 font-mono”>v1.0.0</span> </div> </div> </div> </header> <!– Main Content –> <main class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8″> <!– Architecture Overview –> <section class=”mb-12″> <div class=”text-center mb-8″> <h2 class=”text-3xl font-bold text-gray-900 mb-4″>ç³»ç»æ¶ææ¦è§</h2> <p class=”text-lg text-gray-600 max-w-3xl mx-auto”> åºäº Discord é¢éçå¤ Agent ç³»ç»ï¼å®ç°è§è²é离ãè®°å¿é离ã模åå·®å¼åé ç½® </p> </div> <div class=”grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8″> <div class=”config-section p-6″> <div class=”flex items-center mb-4″> <div class=”w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mr-4″> <i class=”fas fa-comments text-blue-600 text-xl”></i> </div> <div> <h3 class=”text-lg font-semibold”>5 个 Discord é¢é</h3> <p class=”text-sm text-gray-600″>产åã设计ãå端ãå端ãæµè¯</p> </div> </div> <div class=”space-y-2″> <div class=”flex items-center justify-between py-2 border-b border-gray-200″> <span class=”text-sm font-medium”>ð 产åç»ç</span> <span class=”channel-badge”>é¢éA</span> </div> <div class=”flex items-center justify-between py-2 border-b border-gray-200″> <span class=”text-sm font-medium”>ð¨ UI设计</span> <span class=”channel-badge”>é¢éB</span> </div> <div class=”flex items-center justify-between py-2 border-b border-gray-200″> <span class=”text-sm font-medium”>ð» å端å¼å</span> <span class=”channel-badge”>é¢éC</span> </div> <div class=”flex items-center justify-between py-2 border-b border-gray-200″> <span class=”text-sm font-medium”>ð§ å端å¼å</span> <span class=”channel-badge”>é¢éD</span> </div> <div class=”flex items-center justify-between py-2″> <span class=”text-sm font-medium”>𧪠æµè¯å·¥ç¨å¸</span> <span class=”channel-badge”>é¢éE</span> </div> </div> </div> <div class=”config-section p-6″> <div class=”flex items-center mb-4″> <div class=”w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mr-4″> <i class=”fas fa-robot text-green-600 text-xl”></i> </div> <div> <h3 class=”text-lg font-semibold”>5 个ç¬ç« Agent</h3> <p class=”text-sm text-gray-600″>æ¯ä¸ªæ¥æç¬ç« workspace</p> </div> </div> <div class=”space-y-2″> <div class=”workspace-item”> <div class=”flex items-center justify-between”> <span class=”font-mono text-sm”>workspace-product</span> <i class=”fas fa-folder text-gray-400″></i> </div> </div> <div class=”workspace-item”> <div class=”flex items-center justify-between”> <span class=”font-mono text-sm”>workspace-design</span> <i class=”fas fa-folder text-gray-400″></i> </div> </div> <div class=”workspace-item”> <div class=”flex items-center justify-between”> <span class=”font-mono text-
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/274491.html原文链接：https://javaforall.net
