GetClawHub \u2014 One-Click Access to OpenClaw<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --ink: var(--gch-ink, #1d1d1f);\n --paper: var(--gch-paper, #f5f5f7);\n --cream: var(--gch-ivory, #ffffff);\n --amber: #e8a020;\n --amber-light: #f5c055;\n --amber-pale: #fdf3d8;\n --teal: var(--gch-teal, #0f7c6e);\n --teal-light: #1aab97;\n --muted: var(--gch-ink-muted, rgba(60,60,67,0.60));\n --border: var(--gch-cream-line, rgba(60,60,67,0.18));\n --card-bg: var(--gch-white, #ffffff);\n --sec: #df1720;\n --third: #a30f0f;\n --forth: #000000;\n --shadow: var(--gch-shadow-2);\n --shadow-lg: var(--gch-shadow-3);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n background: var(--paper);\n color: var(--ink);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4 {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n line-height: 1.15;\n letter-spacing: -0.02em;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: sticky; top: 0; z-index: 100;\n background: rgba(245,244,239,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n padding: 0 5vw;\n display: flex; align-items: center; justify-content: space-between;\n height: 80px;\n }\n .logo {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n font-weight: 800; font-size: 1.3rem;\n color: var(--ink);\n display: flex; align-items: center; gap: 8px;\n text-decoration: none;\n }\n .logo img {\n height: 60px;\n width: auto;\n display: block;\n }\n .nav-links { display: flex; gap: 32px; align-items: center; list-style: none; }\n .nav-links a { text-decoration: none; color: var(--muted); font-size: 0.9rem; font-weight: 500; transition: color .2s; }\n .nav-links a:hover { color: var(--ink); }\n .nav-cta {\n background: var(--card-bg); color: #00000;\n padding: 9px 22px; border-radius: 8px;\n font-size: 0.88rem;\n font-weight: 600;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 20px rgba(10,10,15,0.18);\n }\n .nav-cta:hover { background: #df1720; color: #ffffff; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 92vh;\n display: flex; align-items: center;\n padding: 80px 5vw 60px;\n position: relative;\n overflow: hidden;\n }\n .hero-bg {\n position: absolute; inset: 0; z-index: 0;\n background:\n radial-gradient(ellipse 60% 50% at 80% 40%, rgba(232,160,32,0.12) 0%, transparent 70%),\n radial-gradient(ellipse 50% 60% at 10% 80%, rgba(15,124,110,0.08) 0%, transparent 70%);\n }\n .hero-grid {\n position: absolute; inset: 0; z-index: 0; opacity: 0.04;\n background-image: linear-gradient(var(--ink) 1px, transparent 1px),\n linear-gradient(90deg, var(--ink) 1px, transparent 1px);\n background-size: 48px 48px;\n }\n .hero-inner {\n position: relative; z-index: 1;\n max-width: 1200px; margin: 0 auto; width: 100%;\n display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--amber-pale); border: 1px solid rgba(232,160,32,0.3);\n color: #8a5e00; border-radius: 100px;\n padding: 6px 14px; font-size: 0.8rem; font-weight: 600;\n margin-bottom: 28px; letter-spacing: 0.03em;\n animation: fadeUp 0.6s ease both;\n }\n .badge-dot { width: 6px; height: 6px; background: var(--amber); border-radius: 50%; animation: pulse 2s infinite; }\n @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }\n\n .hero h1 {\n font-size: clamp(2.8rem, 5vw, 4.2rem);\n font-weight: 800; margin-bottom: 24px;\n animation: fadeUp 0.7s 0.1s ease both;\n }\n .hero h1 em { font-style: normal; color: var(--gch-amber, #c96442); }\n .hero h1 span.underline {\n position: relative; white-space: nowrap;\n }\n .hero h1 span.underline::after {\n content: ''; position: absolute; left: 0; bottom: -4px;\n width: 100%; height: 4px;\n background: var(--amber); border-radius: 2px;\n }\n\n .hero-desc {\n font-size: 1.1rem; color: var(--muted); max-width: 520px;\n margin-bottom: 36px; font-weight: 300; line-height: 1.75;\n animation: fadeUp 0.7s 0.2s ease both;\n }\n\n .hero-actions {\n display: flex; gap: 14px; flex-wrap: wrap;\n animation: fadeUp 0.7s 0.3s ease both;\n }\n .btn-primary {\n background: var(--ink); color: var(--paper);\n padding: 14px 28px; border-radius: 10px;\n font-size: 1rem; font-weight: 600; font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 20px rgba(10,10,15,0.18);\n }\n .btn-primary:hover {\n background: var(--card-bg); box-shadow: 0 8px 28px rgba(15,124,110,0.3); }\n .btn-secondary {\n background: transparent; color: var(--ink);\n padding: 14px 24px; border-radius: 10px;\n font-size: 1rem; font-weight: 500;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n border: 1.5px solid var(--border); transition: all .25s;\n }\n .btn-secondary:hover { border-color: var(--ink); }\n\n .hero-trust {\n display: flex; align-items: center; gap: 12px;\n margin-top: 28px; font-size: 0.82rem; color: var(--muted);\n animation: fadeUp 0.7s 0.4s ease both;\n }\n .trust-avatars { display: flex; }\n .trust-avatars span {\n width: 28px; height: 28px; border-radius: 50%;\n border: 2px solid var(--paper);\n margin-left: -6px; font-size: 0.65rem;\n display: grid; place-items: center; font-weight: 700;\n color: var(--paper);\n }\n .trust-avatars span:nth-child(1){background:#e8763a}\n .trust-avatars span:nth-child(2){background:#3a7ee8}\n .trust-avatars span:nth-child(3){background:#3ac890}\n .trust-avatars span:nth-child(4){background:#a03ae8}\n\n \/* \u2500\u2500 HERO VISUAL (VIDEO) \u2500\u2500 *\/\n .hero-visual {\n animation: fadeUp 0.8s 0.2s ease both;\n position: relative;\n }\n .video-container {\n position: relative;\n width: 100%;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--shadow-lg), 0 0 0 1px rgba(255,255,255,0.06);\n aspect-ratio: 16 \/ 9;\n background: #000;\n }\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n\n \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n .section { padding: 96px 5vw; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-label {\n font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;\n color: var(--teal); margin-bottom: 12px;\n }\n .section-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; margin-bottom: 20px; }\n .section-subtitle { font-size: 1.05rem; color: var(--muted); max-width: 600px; line-height: 1.75; }\n\n \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\n .stats-bar {\n background: var(--ink); color: var(--paper);\n padding: 40px 5vw;\n }\n .stats-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 32px; text-align: center;\n }\n .stat-num { font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-size: 2.4rem; font-weight: 800; color: var(--amber); }\n .stat-label { font-size: 0.85rem; color: rgba(245,244,239,0.6); margin-top: 4px; }\n\n \/* \u2500\u2500 WHY GETCLABHUB \u2500\u2500 *\/\n .why-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 24px; margin-top: 56px;\n }\n .why-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 32px;\n transition: all .3s; cursor: default;\n }\n .why-card:hover { box-shadow: var(--shadow-lg); border-color: var(--amber); }\n .why-icon {\n width: 48px; height: 48px; border-radius: 12px;\n display: grid; place-items: center; font-size: 1.4rem;\n margin-bottom: 20px;\n }\n .why-icon.amber { background: var(--amber-pale); }\n .why-icon.teal { background: rgba(15,124,110,0.08); }\n .why-icon.ink { background: rgba(10,10,15,0.06); }\n .why-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; }\n .why-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.7; }\n\n \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n .hiw { background: var(--cream); }\n .steps { margin-top: 56px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; position: relative; }\n .steps::before {\n content: ''; position: absolute;\n top: 28px; left: calc(16.66% + 20px); right: calc(16.66% + 20px);\n height: 1.5px; background: var(--border);\n z-index: 0;\n }\n .step { text-align: center; padding: 0 24px; position: relative; z-index: 1; }\n .step-num {\n width: 56px; height: 56px; border-radius: 50%;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-weight: 800; font-size: 1.1rem;\n display: grid; place-items: center; margin: 0 auto 24px;\n border: 2px solid var(--border); background: var(--cream);\n transition: all .3s;\n }\n .step:hover .step-num { background: var(--ink); color: var(--amber); border-color: var(--ink); }\n .step h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 10px; }\n .step p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; }\n\n \/* \u2500\u2500 FREE TIER \u2500\u2500 *\/\n .free-section { background: var(--ink); color: var(--paper); }\n .free-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\n }\n .free-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--amber); margin-bottom: 12px; }\n .free-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; margin-bottom: 20px; color: var(--paper); }\n .free-desc { font-size: 1rem; color: rgba(245,244,239,0.65); line-height: 1.75; margin-bottom: 36px; }\n .free-list { list-style: none; display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px; }\n .free-list li {\n display: flex; align-items: flex-start; gap: 12px;\n font-size: 0.92rem; color: rgba(245,244,239,0.85); line-height: 1.6;\n }\n .free-list .check {\n width: 20px; height: 20px; border-radius: 50%;\n background: rgba(26,171,151,0.2); color: var(--teal-light);\n display: grid; place-items: center; font-size: 0.7rem; flex-shrink: 0; margin-top: 2px;\n }\n .free-visual {\n background: #14141e; border-radius: 20px; padding: 32px;\n border: 1px solid rgba(255,255,255,0.06);\n }\n .chat-counter {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .counter-label { font-size: 0.8rem; color: rgba(255,255,255,0.4); letter-spacing: 0.05em; text-transform: uppercase; }\n .counter-chips { display: flex; gap: 8px; }\n .chip {\n width: 36px; height: 36px; border-radius: 10px;\n display: grid; place-items: center; font-size: 0.75rem; font-weight: 700;\n }\n .chip.used { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.25); text-decoration: line-through; }\n .chip.active { background: var(--amber); color: var(--ink); }\n .chip.free { background: rgba(232,160,32,0.15); color: var(--amber-light); border: 1px dashed rgba(232,160,32,0.3); }\n .free-chat-msgs { display: flex; flex-direction: column; gap: 10px; }\n .fc-msg { padding: 10px 14px; border-radius: 10px; font-size: 0.8rem; line-height: 1.5; }\n .fc-user { background: var(--amber); color: var(--ink); font-weight: 500; align-self: flex-end; border-radius: 10px 4px 10px 10px; }\n .fc-ai { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); border-radius: 4px 10px 10px 10px; }\n .fc-sys {\n text-align: center; font-size: 0.72rem; color: rgba(255,255,255,0.3);\n padding: 6px; font-style: italic;\n }\n\n \/* \u2500\u2500 FEATURES \u2500\u2500 *\/\n .features-grid {\n display: grid; grid-template-columns: repeat(2, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .feat-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 32px; display: flex; gap: 20px;\n transition: all .3s;\n }\n .feat-card:hover { border-color: var(--teal); box-shadow: var(--shadow); }\n .feat-card.highlight {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n grid-column: span 2;\n flex-direction: row; align-items: center;\n }\n .feat-icon {\n width: 44px; height: 44px; border-radius: 12px;\n display: grid; place-items: center; font-size: 1.3rem;\n flex-shrink: 0;\n }\n .feat-icon.a { background: var(--amber-pale); }\n .feat-icon.t { background: rgba(15,124,110,0.1); }\n .feat-icon.i { background: rgba(10,10,15,0.05); }\n .feat-icon.w { background: rgba(255,255,255,0.1); }\n .feat-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }\n .feat-card p { font-size: 0.88rem; color: var(--muted); line-height: 1.65; }\n .feat-card.highlight p { color: rgba(245,244,239,0.65); }\n\n \/* \u2500\u2500 SUPPORTED MODELS \u2500\u2500 *\/\n .models-section { background: var(--cream); }\n .models-container { margin-top: 48px; }\n .model-tier {\n margin-bottom: 48px;\n }\n .model-tier:last-child { margin-bottom: 0; }\n .tier-header {\n display: flex; align-items: center; gap: 12px;\n margin-bottom: 24px;\n }\n .tier-badge {\n padding: 6px 16px; border-radius: 100px;\n font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em;\n }\n .tier-badge.free { background: var(--teal); color: #fff; }\n .tier-badge.pro { background: var(--amber); color: var(--ink); }\n .tier-badge.max { background: var(--ink); color: var(--paper); }\n .tier-title { font-size: 1.2rem; font-weight: 800; color: var(--ink); }\n .tier-subtitle { font-size: 0.85rem; color: var(--muted); margin-left: 12px; }\n\n \/* Featured models - horizontal cards *\/\n .featured-models {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 24px;\n }\n .featured-card {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 24px;\n transition: all .3s;\n position: relative;\n overflow: hidden;\n }\n .featured-card:hover {\n \n box-shadow: var(--shadow-lg);\n border-color: var(--amber);\n }\n .featured-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n }\n .featured-card.deepseek::before { background: linear-gradient(90deg, #2d3748, #1a202c); }\n .featured-card.gpt::before { background: linear-gradient(90deg, #10a37f, #0d7a5f); }\n .featured-card.claude::before { background: linear-gradient(90deg, #ff6b35, #d63031); }\n .featured-card.gemini::before { background: linear-gradient(90deg, #4285f4, #34a853); }\n .featured-card.qwen::before { background: linear-gradient(90deg, #06b6d4, #0891b2); }\n .featured-card.grok::before { background: linear-gradient(90deg, #000, #666); }\n .featured-card.kimi::before { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n .featured-card.glm::before { background: linear-gradient(90deg, #10b981, #059669); }\n\n .featured-header {\n display: flex; align-items: flex-start; gap: 16px;\n margin-bottom: 16px;\n }\n .featured-logo {\n width: 52px; height: 52px; border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n background: #fff;\n overflow: hidden;\n }\n .featured-logo img {\n width: 36px;\n height: 36px;\n object-fit: contain;\n }\n .featured-logo.deepseek { background: linear-gradient(135deg, #2d3748, #1a202c); }\n .featured-logo.gpt { background: linear-gradient(135deg, #10a37f, #0d7a5f); }\n .featured-logo.claude { background: linear-gradient(135deg, #ff6b35, #d63031); }\n .featured-logo.gemini { background: linear-gradient(135deg, #4285f4, #34a853); }\n .featured-logo.qwen { background: linear-gradient(135deg, #06b6d4, #0891b2); }\n .featured-logo.grok { background: linear-gradient(135deg, #000, #444); }\n .featured-logo.kimi { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }\n .featured-logo.glm { background: linear-gradient(135deg, #10b981, #059669); }\n\n .featured-info h3 {\n font-size: 1rem; font-weight: 700; color: var(--ink);\n margin-bottom: 4px;\n }\n .featured-info .vendor {\n font-size: 0.78rem; color: var(--muted);\n }\n .featured-tags {\n display: flex; gap: 6px; flex-wrap: wrap;\n margin-bottom: 12px;\n }\n .f-tag {\n padding: 3px 10px; border-radius: 6px;\n font-size: 0.7rem; font-weight: 600;\n background: var(--amber-pale); color: #8a5e00;\n }\n .f-tag.teal { background: rgba(15,124,110,0.1); color: var(--teal); }\n .f-tag.purple { background: rgba(139,92,246,0.1); color: #7c3aed; }\n .f-tag.blue { background: rgba(59,130,246,0.1); color: #2563eb; }\n .featured-desc {\n font-size: 0.82rem; color: var(--muted); line-height: 1.6;\n }\n .featured-context {\n margin-top: 12px;\n font-size: 0.75rem; font-weight: 600;\n color: var(--ink);\n }\n\n \/* Other models - compact scrollable list *\/\n .other-models {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 16px 20px;\n }\n .other-models-header {\n font-size: 0.8rem; font-weight: 700;\n color: var(--muted);\n margin-bottom: 12px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .other-models-list {\n display: flex; gap: 10px;\n overflow-x: auto;\n padding-bottom: 8px;\n scrollbar-width: thin;\n scrollbar-color: var(--border) transparent;\n }\n .other-models-list::-webkit-scrollbar {\n height: 4px;\n }\n .other-models-list::-webkit-scrollbar-track {\n background: transparent;\n }\n .other-models-list::-webkit-scrollbar-thumb {\n background: var(--border); border-radius: 2px;\n }\n .other-model-item {\n flex-shrink: 0;\n padding: 8px 14px;\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 8px;\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--ink);\n white-space: nowrap;\n transition: all .2s;\n }\n .other-model-item:hover {\n background: var(--amber-pale);\n border-color: var(--amber);\n }\n .models-disclaimer {\n margin-top: 32px;\n padding-top: 24px;\n border-top: 1px solid var(--border);\n font-size: 0.75rem;\n color: var(--muted);\n text-align: center;\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 NEW FEATURES \u2500\u2500 *\/\n .new-features-section { background: var(--card-bg); }\n .new-features-section .section-label { color: var(--teal); }\n .new-features-section .section-title { color: var(--ink); }\n .new-features-section .section-subtitle { color: var(--muted); }\n .features-showcase {\n margin-top: 56px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px;\n }\n .feature-showcase-card {\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 20px; padding: 32px;\n transition: all .3s;\n }\n .feature-showcase-card:hover {\n border-color: var(--teal);\n \n box-shadow: var(--shadow-lg);\n }\n .feature-showcase-card.featured-card {\n grid-column: span 2;\n background: linear-gradient(135deg, var(--amber-pale) 0%, rgba(15,124,110,0.08) 100%);\n border-color: rgba(232,160,32,0.3);\n }\n .feature-media {\n width: 100%; border-radius: 12px; overflow: hidden;\n margin-bottom: 24px; background: var(--border);\n aspect-ratio: 16 \/ 9;\n position: relative;\n }\n .feature-media img, .feature-media video {\n width: 100%; height: 100%; object-fit: cover;\n display: block;\n }\n .feature-carousel {\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 9;\n overflow: hidden;\n border-radius: 12px;\n }\n .carousel-track {\n display: flex;\n height: 100%;\n transition: transform 0.4s ease;\n }\n .carousel-slide {\n min-width: 100%;\n height: 100%;\n }\n .carousel-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n .carousel-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.9);\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n color: var(--ink);\n transition: all .2s;\n z-index: 2;\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n }\n .carousel-btn:hover {\n background: var(--amber);\n color: var(--ink);\n }\n .carousel-btn.prev { left: 12px; }\n .carousel-btn.next { right: 12px; }\n .carousel-dots {\n position: absolute;\n bottom: 12px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 2;\n }\n .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255,255,255,0.5);\n border: none;\n cursor: pointer;\n transition: all .2s;\n }\n .carousel-dot.active {\n background: var(--amber);\n transform: scale(1.2);\n }\n .carousel-dot:hover { background: rgba(255,255,255,0.8); }\n .feature-badge {\n display: inline-flex; align-items: center; gap: 6px;\n background: var(--amber); color: var(--ink);\n padding: 4px 12px; border-radius: 100px;\n font-size: 0.72rem; font-weight: 700;\n margin-bottom: 16px;\n }\n .feature-badge.teal { background: var(--teal); color: #fff; }\n .feature-badge.purple { background: #8b5cf6; color: #fff; }\n .feature-showcase-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 12px; color: var(--ink); }\n .feature-showcase-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.75; }\n .feature-list {\n list-style: none; margin-top: 16px; display: flex; flex-direction: column; gap: 10px;\n }\n .feature-list li {\n display: flex; align-items: center; gap: 10px;\n font-size: 0.88rem; color: var(--ink);\n }\n .feature-list .fl-icon {\n width: 20px; height: 20px; border-radius: 50%;\n background: rgba(232,160,32,0.15); color: var(--amber);\n display: grid; place-items: center; font-size: 0.65rem; flex-shrink: 0;\n }\n .multi-agent-visual {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 20px;\n }\n .agent-node {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 12px; padding: 16px; text-align: center;\n transition: all .3s;\n }\n .agent-node:hover { background: var(--amber-pale); border-color: var(--amber); }\n .agent-avatar {\n width: 48px; height: 48px; border-radius: 12px;\n margin: 0 auto 10px;\n display: grid; place-items: center; font-size: 1.4rem;\n }\n .agent-avatar.coder { background: linear-gradient(135deg, #3a7ee8 0%, #2563eb 100%); }\n .agent-avatar.writer { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); }\n .agent-avatar.researcher { background: linear-gradient(135deg, #10a37f 0%, #0d7a5f 100%); }\n .agent-name { font-size: 0.85rem; font-weight: 600; color: var(--ink); margin-bottom: 4px; }\n .agent-role { font-size: 0.72rem; color: var(--muted); }\n\n \/* \u2500\u2500 SCREENSHOT SHOWCASE \u2500\u2500 *\/\n .screenshots { background: var(--cream); }\n .screenshots-tabs {\n display: flex; gap: 8px; margin-top: 48px; margin-bottom: 32px;\n flex-wrap: wrap;\n }\n .tab-btn {\n padding: 10px 22px; border-radius: 100px;\n font-size: 0.875rem; font-weight: 600;\n border: 1.5px solid var(--border);\n background: var(--card-bg); color: var(--muted);\n cursor: pointer; transition: all .25s;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n }\n .tab-btn:hover { border-color: var(--ink); color: var(--ink); }\n .tab-btn.active {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n }\n .screenshots-display {\n position: relative;\n }\n .screenshot-panel {\n display: none;\n animation: fadeUp 0.4s ease both;\n }\n .screenshot-panel.active {\n display: block;\n }\n .screenshot-frame {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow-lg);\n position: relative;\n }\n .screenshot-titlebar {\n background: #f0eeea;\n border-bottom: 1px solid var(--border);\n padding: 12px 16px;\n display: flex; align-items: center; gap: 8px;\n }\n .titlebar-dots { display: flex; gap: 6px; }\n .titlebar-dots span {\n width: 12px; height: 12px; border-radius: 50%;\n }\n .titlebar-dots span:nth-child(1) { background: #ff5f57; }\n .titlebar-dots span:nth-child(2) { background: #febc2e; }\n .titlebar-dots span:nth-child(3) { background: #28c840; }\n .titlebar-title {\n flex: 1; text-align: center;\n font-size: 0.78rem; color: var(--muted); font-weight: 500;\n }\n .screenshot-frame img {\n width: 100%; display: block;\n transition: transform 0.4s ease;\n }\n .screenshot-frame:hover img { transform: scale(1.01); }\n .screenshot-caption {\n margin-top: 20px;\n display: flex; align-items: flex-start; gap: 16px;\n padding: 24px 28px;\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 16px;\n }\n .caption-icon {\n width: 40px; height: 40px; border-radius: 10px;\n background: var(--amber-pale);\n display: grid; place-items: center; font-size: 1.2rem; flex-shrink: 0;\n }\n .caption-text h4 { font-size: 1rem; font-weight: 700; margin-bottom: 6px; }\n .caption-text p { font-size: 0.875rem; color: var(--muted); line-height: 1.65; }\n\n \/* \u2500\u2500 PRICING \u2500\u2500 *\/\n .pricing { background: var(--cream); }\n .pricing-grid {\n display: flex; justify-content: center; margin-top: 56px;\n }\n .plan {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 20px; padding: 36px; max-width: 500px; width: 100%;\n position: relative; overflow: hidden;\n transition: all .3s;\n }\n .plan:hover { box-shadow: var(--shadow-lg); }\n .plan.featured {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n }\n .plan-badge {\n position: absolute; top: 20px; right: 20px;\n background: var(--amber); color: var(--ink);\n font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;\n padding: 4px 10px; border-radius: 100px;\n }\n .plan-name { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--teal); margin-bottom: 8px; }\n .plan.featured .plan-name { color: var(--amber); }\n .plan-price { font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-size: 2.4rem; font-weight: 800; margin-bottom: 4px; }\n .plan-period { font-size: 0.82rem; color: var(--muted); margin-bottom: 24px; }\n .plan.featured .plan-period { color: rgba(245,244,239,0.5); }\n .plan-divider { height: 1px; background: var(--border); margin-bottom: 24px; }\n .plan.featured .plan-divider { background: rgba(255,255,255,0.1); }\n .plan-features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }\n .plan-features li { font-size: 0.88rem; display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }\n .plan.featured .plan-features li { color: rgba(245,244,239,0.8); }\n .pf-icon { font-size: 0.85rem; flex-shrink: 0; margin-top: 1px; }\n .plan-btn {\n display: block; text-align: center; padding: 13px 24px;\n border-radius: 10px; font-weight: 600; font-size: 0.92rem;\n text-decoration: none; transition: all .25s;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n }\n .plan-btn.solid { background: var(--amber); color: var(--ink); }\n .plan-btn.solid:hover { background: var(--amber-light); }\n\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n .testi-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .testi-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 28px;\n }\n .stars { color: var(--amber); font-size: 0.85rem; margin-bottom: 14px; letter-spacing: 2px; }\n .testi-text { font-size: 0.9rem; color: var(--ink); line-height: 1.7; margin-bottom: 20px; font-style: italic; }\n .testi-author { display: flex; align-items: center; gap: 10px; }\n .testi-av {\n width: 36px; height: 36px; border-radius: 50%;\n display: grid; place-items: center; font-weight: 700; font-size: 0.78rem; color: #fff;\n }\n .testi-name { font-size: 0.85rem; font-weight: 600; }\n .testi-role { font-size: 0.76rem; color: var(--muted); }\n\n \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n .cta-final {\n background: var(--gch-surface-strong, #141413);\n padding: 96px 5vw; text-align: center;\n }\n .cta-final h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: #fff; margin-bottom: 16px; }\n .cta-final p { font-size: 1.1rem; color: rgba(255,255,255,0.75); max-width: 540px; margin: 0 auto 40px; }\n .cta-final .btn-white {\n background: #fff; color: var(--ink);\n padding: 15px 36px; border-radius: 10px;\n font-size: 1rem; font-weight: 700; font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 24px rgba(0,0,0,0.15);\n }\n .cta-final .btn-white:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.2); }\n .cta-note {\n font-size: 0.82rem; color: rgba(255,255,255,0.5);\n margin-top: 24px;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--forth); color: #000000;\n padding: 48px 5vw 32px;\n }\n .footer-inner-simple {\n max-width: 1200px; margin: 0 auto;\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 32px; flex-wrap: wrap; gap: 24px;\n }\n .footer-links {\n display: flex; gap: 24px; flex-wrap: wrap;\n }\n .footer-links a {\n font-size: 0.9rem; color: rgba(245,244,239,0.7); text-decoration: none; transition: color .2s;\n }\n .footer-links a:hover { color: var(--amber); }\n .footer-bottom {\n max-width: 1200px; margin: 0 auto;\n border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px;\n display: flex; justify-content: space-between; align-items: center;\n font-size: 0.8rem;\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n .hero-inner, .free-inner { grid-template-columns: 1fr; }\n .why-grid, .steps, .testi-grid { grid-template-columns: 1fr; }\n .features-grid, .models-grid, .features-showcase { grid-template-columns: 1fr; }\n .feat-card.highlight, .feature-showcase-card.featured-card { grid-column: span 1; }\n .steps::before { display: none; }\n .stats-inner { grid-template-columns: repeat(2,1fr); }\n nav .nav-links { display: none; }\n .footer-inner-simple { flex-direction: column; text-align: center; }\n .footer-links { justify-content: center; }\n .pricing-grid { flex-direction: column; align-items: center; }\n .multi-agent-visual { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n<nav>\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/logo-black-title-1.webp\" alt=\"GetClawHub\" style=\"height:40px; width: auto;\">\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#why\">\u306a\u305c\u79c1\u305f\u3061\u3092\u9078\u3076\u306e\u304b<\/a><\/li>\n <li><a href=\"#how\">\u4ed5\u7d44\u307f<\/a><\/li>\n <li><a href=\"#models\">Models<\/a><\/li>\n <li><a href=\"#new-features\">New Features<\/a><\/li>\n <li><a href=\"#screenshots\">\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8<\/a><\/li>\n <li><a href=\"#download\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a><\/li>\n <li><a href=\"https:\/\/www.getclawhub.com\/ja\/download\/mac\/\" target=\"_blank\" class=\"nav-cta\">\u7121\u6599\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 \u2192<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-inner\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\"><span class=\"badge-dot\"><\/span> OpenClaw\u3092\u6700\u901f\u3067\u624b\u306b\u5165\u308c\u308b\u65b9\u6cd5<\/div>\n <h1>\n <em>\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3002<\/em><br>\n <span class=\"underline\">OpenClaw<\/span> Is<br>\n \u6e96\u5099\u5b8c\u4e86\u3002\n <\/h1>\n <p class=\"hero-desc\">\n GetClawHub\u306fOpenClaw\u3092\u76f4\u63a5\u3042\u306a\u305f\u306e\u30c7\u30d0\u30a4\u30b9\u306b\u5c4a\u3051\u307e\u3059 \u2014 \u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3092\u63a2\u3059\u5fc5\u8981\u3082\u3001\u58ca\u308c\u305f\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30ea\u30f3\u30af\u3082\u3001\u8a2d\u5b9a\u306e\u7169\u308f\u3057\u3055\u3082\u3042\u308a\u307e\u305b\u3093\u3002\u6570\u5206\u3067OpenClaw\u3068\u306e\u30c1\u30e3\u30c3\u30c8\u3092\u958b\u59cb\u3057\u307e\u3057\u3087\u3046\u3002 <strong>\u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71<\/strong> \u4eca\u3059\u3050\u3042\u306a\u305f\u3092\u5f85\u3063\u3066\u3044\u307e\u3059\u3001\u6761\u4ef6\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/www.getclawhub.com\/ja\/download\/mac\/\" target=\"_blank\" class=\"btn-primary\">\u2b07 OpenClaw\u3092\u7121\u6599\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a>\n <a href=\"#how\" class=\"btn-secondary\">\u4ed5\u7d44\u307f\u3092\u898b\u308b \u2192<\/a>\n <\/div>\n <div class=\"hero-trust\">\n <div class=\"trust-avatars\">\n <span>AK<\/span><span>JL<\/span><span>MS<\/span><span>+<\/span>\n <\/div>\n \u4e16\u754c\u4e2d\u306e50,000\u4eba\u4ee5\u4e0a\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u4fe1\u983c\u3055\u308c\u3066\u3044\u307e\u3059 \u00b7 macOS \u00b7 \u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u4e0d\u8981\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"video-container\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/7zQ4eBkzbe0\" title=\"YouTube\u52d5\u753b\u30d7\u30ec\u30fc\u30e4\u30fc\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"stats-bar\">\n <div class=\"stats-inner\">\n <div><div class=\"stat-num\">\u30ef\u30f3\u30af\u30ea\u30c3\u30af<\/div><div class=\"stat-label\">OpenClaw\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/div><\/div>\n <div><div class=\"stat-num\">\u7121\u5236\u9650<\/div><div class=\"stat-label\">\u7121\u6599\u306e\u4f1a\u8a71\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059<\/div><\/div>\n <div><div class=\"stat-num\">50K+<\/div><div class=\"stat-label\">\u30a2\u30af\u30c6\u30a3\u30d6\u30e6\u30fc\u30b6\u30fc<\/div><\/div>\n <div><div class=\"stat-num\"><60\u79d2<\/div><div class=\"stat-label\">\u5e73\u5747\u8a2d\u5b9a\u6642\u9593<\/div><\/div>\n <\/div>\n<\/div>\n\n<section class=\"section\" id=\"why\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Why GetClawHub<\/div>\n <h2 class=\"section-title\">OpenClaw\u3092\u59cb\u3081\u308b\u306e\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066 \u2014 \u6469\u64e6\u306a\u3057\u3067<\/h2>\n <p class=\"section-subtitle\">\n AI\u30c4\u30fc\u30eb\u306e\u8d77\u52d5\u306f\u9762\u5012\u306b\u611f\u3058\u308b\u3079\u304d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002GetClawHub\u306f\u3001\u3042\u306a\u305f\u3068OpenClaw\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306e\u9593\u306e\u4e0d\u8981\u306a\u30b9\u30c6\u30c3\u30d7\u3092\u3059\u3079\u3066\u53d6\u308a\u9664\u304d\u3001\u91cd\u8981\u306a\u3053\u3068\u306b\u96c6\u4e2d\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\uff1a\u7d20\u6674\u3089\u3057\u3044\u4f1a\u8a71\u3092\u697d\u3057\u307f\u3001\u5b9f\u969b\u306e\u4f5c\u696d\u3092\u9032\u3081\u308b\u3053\u3068\u3002\n <\/p>\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-icon amber\">\u26a1<\/div>\n <h3>\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\uff06\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n <p>\u624b\u52d5\u3067\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u63a2\u3059\u5fc5\u8981\u306a\u3057\u3002\u602a\u3057\u3044\u30df\u30e9\u30fc\u304b\u3089\u58ca\u308c\u305f`.dmg`\u30d5\u30a1\u30a4\u30eb\u3082\u306a\u3057\u3002GetClawHub\u306f\u3059\u3079\u3066\u3092\u307e\u3068\u3081\u3066\u304a\u308a\u3001\u30af\u30ea\u30c3\u30af\u4e00\u3064\u3067Mac\u306bOpenClaw\u3092\u304d\u308c\u3044\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3001\u3059\u3050\u306b\u8d77\u52d5\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon teal\">\ud83d\udcac<\/div>\n <h3>\u7121\u5236\u9650\u306e\u7121\u6599\u30c1\u30e3\u30c3\u30c8\u3001\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u4e0d\u8981<\/h3>\n <p>\u79c1\u305f\u3061\u306f\u3001OpenClaw\u3092\u8a66\u3057\u3066\u304b\u3089\u30b3\u30df\u30c3\u30c8\u3059\u3079\u304d\u3060\u3068\u4fe1\u3058\u3066\u3044\u307e\u3059\u3002\u3060\u304b\u3089\u3053\u305d\u3001\u65b0\u3057\u3044\u8a2a\u554f\u8005\u306b\u306f\u5b8c\u5168\u306b\u7121\u6599\u3067\u5236\u9650\u306e\u306a\u3044\u4f1a\u8a71\u3092\u7121\u5236\u9650\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u306f\u4e0d\u8981\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon ink\">\ud83d\udd12<\/div>\n <h3>\u5e38\u306b\u691c\u8a3c\u6e08\u307f\u306e\u6700\u65b0\u30d3\u30eb\u30c9<\/h3>\n <p>GetClawHub\u3067\u30db\u30b9\u30c8\u3055\u308c\u3066\u3044\u308b\u3059\u3079\u3066\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u306f\u6697\u53f7\u7f72\u540d\u3068\u6574\u5408\u6027\u30c1\u30a7\u30c3\u30af\u6e08\u307f\u3067\u3059\u3002\u5e38\u306b\u6700\u65b0\u306e\u5b89\u5b9a\u7248\u306eOpenClaw\u3092\u5165\u624b\u3067\u304d\u3001\u53e4\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u3084\u6539\u3056\u3093\u3055\u308c\u305f\u30d0\u30a4\u30ca\u30ea\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon amber\">\ud83c\udf4e<\/div>\n <h3>Mac\u5411\u3051\u306b\u8a2d\u8a08 \u2014 Apple Silicon & Intel<\/h3>\n <p>Apple Silicon\uff08M1\u301cM4\uff09\u307e\u305f\u306fIntel Mac\u3092\u304a\u4f7f\u3044\u306e\u5834\u5408\u3067\u3082\u3001GetClawHub\u306f\u81ea\u52d5\u7684\u306b\u304a\u4f7f\u3044\u306e\u30c1\u30c3\u30d7\u306b\u9069\u3057\u305fOpenClaw\u30d3\u30eb\u30c9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u63a8\u6e2c\u4e0d\u8981\u3001\u8aa4\u3063\u305f\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3082\u306a\u3057\u3002<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon teal\">\ud83d\ude80<\/div>\n <h3>\u65b0\u898f\u30e6\u30fc\u30b6\u30fc\u5411\u3051\u306e\u30b9\u30e0\u30fc\u30ba\u306a\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0<\/h3>\n <p>OpenClaw\u3092\u521d\u3081\u3066\u4f7f\u3044\u307e\u3059\u304b\uff1f\u30ac\u30a4\u30c9\u4ed8\u304d\u8a2d\u5b9a\u30a6\u30a3\u30b6\u30fc\u30c9\u304c\u521d\u671f\u8a2d\u5b9a\u3001API\u30ad\u30fc\uff08\u5fc5\u8981\u306b\u5fdc\u3058\u3066\uff09\u3001\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u8a2d\u5b9a\u3092\u6848\u5185\u3057\u307e\u3059\u3002\u975e\u6280\u8853\u8005\u3067\u3082\u30b9\u30e0\u30fc\u30ba\u306b\u59cb\u3081\u3089\u308c\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon ink\">\ud83d\udd04<\/div>\n <h3>\u81ea\u52d5\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u901a\u77e5<\/h3>\n <p>\u767b\u9332\u30e6\u30fc\u30b6\u30fc\u306f\u65b0\u3057\u3044OpenClaw\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u304c\u30ea\u30ea\u30fc\u30b9\u3055\u308c\u308b\u3068\u30a2\u30d7\u30ea\u5185\u3067\u901a\u77e5\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u66f4\u65b0\u3067\u304d\u3001\u6700\u65b0\u306e\u30e2\u30c7\u30eb\u6539\u5584\u306b\u3088\u308b\u4f1a\u8a71\u3092\u7dad\u6301\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section models-section\" id=\"models\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u5bfe\u5fdcAI\u30e2\u30c7\u30eb<\/div>\n <h2 class=\"section-title\">43\u4ee5\u4e0a\u306e\u30e2\u30c7\u30eb\u3002\u3059\u3079\u3066\u306e\u968e\u5c64\u3002\u59a5\u5354\u306a\u3057\u3002<\/h2>\n <p class=\"section-subtitle\">\n \u7121\u6599\u306e\u6bce\u65e5\u306e\u4f1a\u8a71\u304b\u3089\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30ec\u30d9\u30eb\u306e\u63a8\u8ad6\u307e\u3067 \u2014 \u3059\u3079\u3066\u306e\u30bf\u30b9\u30af\u306b\u6700\u9069\u306a\u30e2\u30c7\u30eb\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n <\/p>\n\n <div class=\"models-container\">\n\n \n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge free\">\u7121\u6599<\/span>\n <span class=\"tier-title\">4\u30e2\u30c7\u30eb<\/span>\n <span class=\"tier-subtitle\">\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u4e0d\u8981<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card deepseek\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/deepseek.png\" alt=\"DeepSeek\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>DeepSeek V4 Pro<\/h3>\n <span class=\"vendor\">DeepSeek<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\u4e07\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag\">\u63a8\u8ad6<\/span>\n <\/div>\n <p class=\"featured-desc\">\u8907\u96d1\u306a\u554f\u984c\u89e3\u6c7a\u306e\u305f\u3081\u306e\u30c8\u30c3\u30d7\u30af\u30e9\u30b9\u306e\u63a8\u8ad6\u3068\u5927\u898f\u6a21\u306a\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30a6\u30a3\u30f3\u30c9\u30a6\u3002<\/p>\n <\/div>\n <div class=\"featured-card qwen\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/qwen.png\" alt=\"Qwen\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Qwen3.6 Flash<\/h3>\n <span class=\"vendor\">Alibaba<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\u4e07\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag purple\">\u30d3\u30b8\u30e7\u30f3<\/span>\n <span class=\"f-tag purple\">\u30d3\u30c7\u30aa<\/span>\n <\/div>\n <p class=\"featured-desc\">\u753b\u50cf\u3068\u52d5\u753b\u306e\u7406\u89e3\u306b\u512a\u308c\u305f\u30de\u30eb\u30c1\u30e2\u30fc\u30c0\u30eb\u30d1\u30ef\u30fc\u30cf\u30a6\u30b9\u3092\u3001\u4ed6\u306b\u306a\u3044\u4fa1\u683c\u3067\u63d0\u4f9b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">\u305d\u306e\u4ed6\u3082\u5229\u7528\u53ef\u80fd<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">Doubao-Seed-2.0-Lite<\/span>\n <span class=\"other-model-item\">MiniMax M2.7<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge pro\">PRO \u2014 $20\/\u6708<\/span>\n <span class=\"tier-title\">18\u30e2\u30c7\u30eb<\/span>\n <span class=\"tier-subtitle\">\u5c02\u9580\u5bb6\u5411\u3051\u306e\u6700\u9ad8\u306e\u30b3\u30b9\u30c8\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card claude\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/anthropic.png\" alt=\"Anthropic\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Claude Opus 4.6<\/h3>\n <span class=\"vendor\">Anthropic<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\u4e07\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag\">\u63a8\u8ad6<\/span>\n <span class=\"f-tag purple\">\u30d3\u30b8\u30e7\u30f3<\/span>\n <\/div>\n <p class=\"featured-desc\">\u8907\u96d1\u306a\u63a8\u8ad6\u3001\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3001\u5fae\u5999\u306a\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30bf\u30b9\u30af\u306b\u5bfe\u5fdc\u3059\u308bAnthropic\u306e\u30d5\u30e9\u30c3\u30b0\u30b7\u30c3\u30d7\u30e2\u30c7\u30eb\u3002<\/p>\n <\/div>\n <div class=\"featured-card gemini\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/google.png\" alt=\"Google\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Gemini 3.1 Pro \u30d7\u30ec\u30d3\u30e5\u30fc<\/h3>\n <span class=\"vendor\">Google<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\u4e07\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag blue\">5\u3064\u306e\u30e2\u30c0\u30ea\u30c6\u30a3<\/span>\n <\/div>\n <p class=\"featured-desc\">\u30c6\u30ad\u30b9\u30c8\u3001\u753b\u50cf\u3001\u97f3\u58f0\u3001\u52d5\u753b\u3001\u30d5\u30a1\u30a4\u30eb\u306e\u3059\u3079\u3066\u306e5\u3064\u306e\u30e2\u30c0\u30ea\u30c6\u30a3\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u552f\u4e00\u306e\u30e2\u30c7\u30eb\u3002<\/p>\n <\/div>\n <div class=\"featured-card grok\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/grok.png\" alt=\"Grok\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Grok 4.1 Fast<\/h3>\n <span class=\"vendor\">xAI<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">2M\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag purple\">\u30d3\u30b8\u30e7\u30f3<\/span>\n <\/div>\n <p class=\"featured-desc\">\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u5168\u4f53\u3084\u9577\u3044\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u51e6\u7406\u3059\u308b\u305f\u3081\u306e\u5de8\u5927\u306a2M\u30c8\u30fc\u30af\u30f3\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">\u305d\u306e\u4ed6\u3082\u5229\u7528\u53ef\u80fd<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">DeepSeek V4 Pro<\/span>\n <span class=\"other-model-item\">DeepSeek V4 Flash<\/span>\n <span class=\"other-model-item\">Qwen3.6-Plus<\/span>\n <span class=\"other-model-item\">MiniMax M2.7 HighSpeed<\/span>\n <span class=\"other-model-item\">GLM 5.1<\/span>\n <span class=\"other-model-item\">GLM 5V \u30bf\u30fc\u30dc<\/span>\n <span class=\"other-model-item\">\u30ad\u30df K2.6<\/span>\n <span class=\"other-model-item\">\u30ad\u30df K2.5<\/span>\n <span class=\"other-model-item\">Doubao-Seed-2.0-Pro<\/span>\n <span class=\"other-model-item\">Doubao-Seed-Code<\/span>\n <span class=\"other-model-item\">ERNIE-X1.1-\u30d7\u30ec\u30d3\u30e5\u30fc<\/span>\n <span class=\"other-model-item\">\u30b8\u30a7\u30df\u30cb 2.5 \u30d5\u30e9\u30c3\u30b7\u30e5\u30e9\u30a4\u30c8<\/span>\n <span class=\"other-model-item\">\u30af\u30ed\u30fc\u30c9 \u30bd\u30cd\u30c3\u30c8 4.6<\/span>\n <span class=\"other-model-item\">\u30af\u30ed\u30fc\u30c9 \u30cf\u30a4\u30af 4.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge max\">MAX \u2014 $100\/\u6708<\/span>\n <span class=\"tier-title\">20\u30e2\u30c7\u30eb<\/span>\n <span class=\"tier-subtitle\">\u3059\u3079\u3066\u306e\u30d5\u30e9\u30c3\u30b0\u30b7\u30c3\u30d7\u30e2\u30c7\u30eb\u3078\u306e\u7121\u5236\u9650\u30a2\u30af\u30bb\u30b9<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card claude\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/anthropic.png\" alt=\"Anthropic\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>\u30af\u30ed\u30fc\u30c9 \u30aa\u30fc\u30d1\u30b9 4.7<\/h3>\n <span class=\"vendor\">Anthropic<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\u4e07\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag purple\">\u30d3\u30b8\u30e7\u30f3<\/span>\n <span class=\"f-tag purple\">\u30d5\u30a1\u30a4\u30eb<\/span>\n <\/div>\n <p class=\"featured-desc\">\u30df\u30c3\u30b7\u30e7\u30f3\u30af\u30ea\u30c6\u30a3\u30ab\u30eb\u3067\u8907\u96d1\u306a\u4f5c\u696d\u8ca0\u8377\u306b\u6700\u3082\u5f37\u529b\u306aAnthropic\u306e\u30e2\u30c7\u30eb\u3002<\/p>\n <\/div>\n <div class=\"featured-card gpt\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/openai.png\" alt=\"OpenAI\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>GPT-5.5<\/h3>\n <span class=\"vendor\">OpenAI<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">1.05M \u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag\">\u63a8\u8ad6<\/span>\n <span class=\"f-tag purple\">\u30d3\u30b8\u30e7\u30f3<\/span>\n <\/div>\n <p class=\"featured-desc\">\u8981\u6c42\u306e\u53b3\u3057\u3044\u4f01\u696d\u5411\u3051\u30ef\u30fc\u30af\u30ed\u30fc\u30c9\u306b\u6700\u9069\u306aOpenAI\u306e\u6700\u5148\u7aef\u30e2\u30c7\u30eb\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">\u305d\u306e\u4ed6\u3082\u5229\u7528\u53ef\u80fd<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">DeepSeek V4 Pro<\/span>\n <span class=\"other-model-item\">DeepSeek V4 Flash<\/span>\n <span class=\"other-model-item\">Qwen3.6-Plus<\/span>\n <span class=\"other-model-item\">MiniMax M2.7 HighSpeed<\/span>\n <span class=\"other-model-item\">GLM 5.1<\/span>\n <span class=\"other-model-item\">GLM 5V \u30bf\u30fc\u30dc<\/span>\n <span class=\"other-model-item\">\u30ad\u30df K2.6<\/span>\n <span class=\"other-model-item\">\u30ad\u30df K2.5<\/span>\n <span class=\"other-model-item\">Doubao-Seed-2.0-Pro<\/span>\n <span class=\"other-model-item\">Doubao-Seed-Code<\/span>\n <span class=\"other-model-item\">ERNIE-X1.1-\u30d7\u30ec\u30d3\u30e5\u30fc<\/span>\n <span class=\"other-model-item\">\u30b8\u30a7\u30df\u30cb 2.5 \u30d5\u30e9\u30c3\u30b7\u30e5\u30e9\u30a4\u30c8<\/span>\n <span class=\"other-model-item\">Gemini 3.1 Pro \u30d7\u30ec\u30d3\u30e5\u30fc<\/span>\n <span class=\"other-model-item\">Grok 4.1 Fast<\/span>\n <span class=\"other-model-item\">Claude Opus 4.6<\/span>\n <span class=\"other-model-item\">\u30af\u30ed\u30fc\u30c9 \u30bd\u30cd\u30c3\u30c8 4.6<\/span>\n <span class=\"other-model-item\">\u30af\u30ed\u30fc\u30c9 \u30cf\u30a4\u30af 4.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <p class=\"models-disclaimer\">\n \u3059\u3079\u3066\u306e\u30e2\u30c7\u30eb\u540d\u3001\u30d6\u30e9\u30f3\u30c9\u3001\u30ed\u30b4\u306f\u305d\u308c\u305e\u308c\u306e\u6240\u6709\u8005\u306e\u6240\u6709\u7269\u3067\u3059\u3002\u3053\u306e\u30da\u30fc\u30b8\u306f\u60c5\u5831\u63d0\u4f9b\u306e\u307f\u3092\u76ee\u7684\u3068\u3057\u3066\u304a\u308a\u3001\u516c\u5f0f\u306a\u63d0\u643a\u3084\u627f\u8a8d\u3092\u793a\u3059\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n <\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"section new-features-section\" id=\"new-features\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u65b0\u6a5f\u80fd<\/div>\n <h2 class=\"section-title\">\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3067\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316<\/h2>\n <p class=\"section-subtitle\">\n OpenClaw\u306e\u6700\u65b0\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306f\u3001\u5354\u529b\u7684\u306a\u30de\u30eb\u30c1\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u30b7\u30b9\u30c6\u30e0\u304b\u3089\u6d3b\u6c17\u3042\u308b\u30a8\u30ad\u30b9\u30d1\u30fc\u30c8\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u307e\u3067\u3001\u5f37\u529b\u306a\u65b0\u3057\u3044\u50cd\u304d\u65b9\u3092\u3082\u305f\u3089\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"features-showcase\">\n\n \n <div class=\"feature-showcase-card featured-card\">\n <div class=\"feature-carousel\" id=\"agentCarousel\">\n <div class=\"carousel-track\">\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u5e02\u573a-scaled.png\" alt=\"Multi-Agent AI\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e22-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2\u7ed3\u679c-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1620712943543-bcc4688e7485?w=800&q=80\" alt=\"Collaboration\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555255707-c07966088b7b?w=800&q=80\" alt=\"Collaboration\" loading=\"lazy\" \/>\n <\/div>\n <\/div>\n <button class=\"carousel-btn prev\" onclick=\"moveCarousel('agentCarousel', -1)\">\u2039<\/button>\n <button class=\"carousel-btn next\" onclick=\"moveCarousel('agentCarousel', 1)\">\u203a<\/button>\n <div class=\"carousel-dots\">\n <button class=\"carousel-dot active\" onclick=\"goToSlide('agentCarousel', 0)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 1)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 2)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 3)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 4)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 5)\"><\/button>\n <\/div>\n <\/div>\n <div class=\"feature-badge\">\u2b50 \u6ce8\u76ee<\/div>\n <h3>\u30de\u30eb\u30c1\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u5354\u529b\u30b7\u30b9\u30c6\u30e0<\/h3>\n <p>\u8907\u6570\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u540c\u6642\u306b\u4f5c\u696d\u3057\u3001\u305d\u308c\u305e\u308c\u304c\u7570\u306a\u308b\u30bf\u30b9\u30af\u306b\u7279\u5316\u3057\u3066\u3044\u307e\u3059\u3002\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u3001\u30ea\u30b5\u30fc\u30c1\u30a2\u30ca\u30ea\u30b9\u30c8\u3001\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30e9\u30a4\u30bf\u30fc\u3092\u540c\u6642\u306b\u5c55\u958b\u3057\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u5354\u529b\u3057\u3066\u8907\u96d1\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u53d6\u308a\u7d44\u307f\u307e\u3059\u3002<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> \u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3001\u57f7\u7b46\u3001\u30ea\u30b5\u30fc\u30c1\u3001\u5206\u6790\u306b\u7279\u5316\u3057\u305f\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u8907\u96d1\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306e\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u5354\u529b<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u30ab\u30b9\u30bf\u30e0\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3068\u81ea\u52d5\u5316\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u3059\u3079\u3066\u306e\u30a2\u30af\u30c6\u30a3\u30d6\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u9593\u3067\u5171\u6709\u3055\u308c\u308b\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/li>\n <\/ul>\n <div class=\"multi-agent-visual\">\n <div class=\"agent-node\">\n <div class=\"agent-avatar coder\">\ud83d\udcbb<\/div>\n <div class=\"agent-name\">\u30b3\u30fc\u30c0\u30fc\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8<\/div>\n <div class=\"agent-role\">\u57f7\u7b46\uff06\u30c7\u30d0\u30c3\u30b0<\/div>\n <\/div>\n <div class=\"agent-node\">\n <div class=\"agent-avatar writer\">\u270d\ufe0f<\/div>\n <div class=\"agent-name\">\u30e9\u30a4\u30bf\u30fc\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8<\/div>\n <div class=\"agent-role\">\u30b3\u30f3\u30c6\u30f3\u30c4\u4f5c\u6210<\/div>\n <\/div>\n <div class=\"agent-node\">\n <div class=\"agent-avatar researcher\">\ud83d\udd2c<\/div>\n <div class=\"agent-name\">\u30ea\u30b5\u30fc\u30c1\u30e3\u30fc\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8<\/div>\n <div class=\"agent-role\">\u30c7\u30fc\u30bf\u5206\u6790<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"feature-showcase-card\">\n <div class=\"feature-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559136555-9303baea8ebd?w=600&q=80\" alt=\"Expert Marketplace\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"feature-badge purple\">\ud83e\udde9 \u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9<\/div>\n <h3>\u30a8\u30ad\u30b9\u30d1\u30fc\u30c8\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9<\/h3>\n <p>\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u304c\u5171\u6709\u3059\u308b\u5c02\u9580\u5bb6\u304c\u4f5c\u6210\u3057\u305f\u30d7\u30ed\u30f3\u30d7\u30c8\u3001\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u30ad\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3055\u308c\u305f\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002\u696d\u754c\u306b\u7279\u5316\u3057\u305f\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u898b\u3064\u3051\u308b\u304b\u3001\u81ea\u5206\u306e\u5c02\u9580\u77e5\u8b58\u3092\u5171\u6709\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> \u5c02\u9580\u5bb6\u304c\u4f5c\u6210\u3057\u305f\u30d7\u30ed\u30f3\u30d7\u30c8\u3084\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u95b2\u89a7<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u81ea\u5206\u306e\u4f5c\u54c1\u3092\u516c\u958b\u3057\u3066\u4ed6\u8005\u3092\u652f\u63f4<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u696d\u754c\u7279\u5316\u306e\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u30d1\u30c3\u30af<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u8a55\u4fa1\u3068\u30ec\u30d3\u30e5\u30fc<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"feature-showcase-card\">\n <div class=\"hero-visual\">\n <div class=\"video-container\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/7zQ4eBkzbe0\" title=\"YouTube\u52d5\u753b\u30d7\u30ec\u30fc\u30e4\u30fc\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <div class=\"feature-badge teal\">\ud83c\udfac \u30c7\u30e2<\/div>\n <h3>\u5b9f\u6f14\u3092\u898b\u308b<\/h3>\n <p>\u30de\u30eb\u30c1\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u5354\u529b\u3068\u30a8\u30ad\u30b9\u30d1\u30fc\u30c8\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u304c\u3042\u306a\u305f\u306e\u4ed5\u4e8b\u306e\u3084\u308a\u65b9\u3092\u5909\u3048\u308b\u69d8\u5b50\u3092\u898b\u3066\u304f\u3060\u3055\u3044\u3002\u8907\u96d1\u306a\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304b\u3089\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306a\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u307e\u3067\u3001\u305d\u306e\u529b\u3092\u76f4\u63a5\u4f53\u9a13\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> \u30d5\u30eb\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u30c7\u30e2\u30f3\u30b9\u30c8\u30ec\u30fc\u30b7\u30e7\u30f3<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u30d2\u30f3\u30c8\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u5b9f\u7528\u4f8b<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section hiw\" id=\"how\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u4ed5\u7d44\u307f<\/div>\n <h2 class=\"section-title\">\u30bc\u30ed\u304b\u3089OpenClaw\u3078\u3001\u4e09\u3064\u306e\u7c21\u5358\u306a\u30b9\u30c6\u30c3\u30d7<\/h2>\n <p class=\"section-subtitle\">\n \u4e0d\u8981\u306a\u30af\u30ea\u30c3\u30af\u3092\u5fb9\u5e95\u7684\u306b\u6392\u9664\u3057\u3001\u300cOpenClaw\u3092\u8a66\u3057\u305f\u3044\u300d\u304b\u3089\u300cOpenClaw\u3068\u30c1\u30e3\u30c3\u30c8\u3057\u3066\u3044\u308b\u300d\u307e\u3067\u306e\u9053\u306e\u308a\u3092\u3067\u304d\u308b\u3060\u3051\u30b9\u30e0\u30fc\u30ba\u306b\u3057\u307e\u3057\u305f\u3002\n <\/p>\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-num\">01<\/div>\n <h3>GetClawHub\u3092\u8a2a\u554f<\/h3>\n <p>\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u304a\u4f7f\u3044\u306eOS\u306f\u81ea\u52d5\u691c\u51fa\u3055\u308c\u3001\u6b63\u3057\u3044OpenClaw\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u304c\u6e96\u5099\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u3053\u306e\u6bb5\u968e\u3067\u306f\u30a2\u30ab\u30a6\u30f3\u30c8\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093 \u2014 \u5927\u304d\u306a\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">02<\/div>\n <h3>\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\uff06\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n <p>\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u4f9d\u5b58\u95a2\u4fc2\u3001\u30d1\u30b9\u8a2d\u5b9a\u3001\u521d\u671f\u8a2d\u5b9a\u3092\u81ea\u52d5\u7684\u306b\u51e6\u7406\u3057\u307e\u3059\u300260\u79d2\u4ee5\u5185\u306bOpenClaw\u304c\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u3001\u81ea\u52d5\u7684\u306b\u8d77\u52d5\u3057\u3001\u6700\u521d\u306e\u4f1a\u8a71\u306e\u6e96\u5099\u304c\u6574\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">03<\/div>\n <h3>\u7121\u6599\u3067\u30c1\u30e3\u30c3\u30c8\u3001\u305d\u306e\u5f8c\u767b\u9332\u3057\u3066\u3055\u3089\u306b\u89e3\u653e<\/h3>\n <p>OpenClaw\u3068\u306e\u7121\u5236\u9650\u306e\u4f1a\u8a71\u3092\u7121\u6599\u3067\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002\u5b8c\u5168\u306a\u30a2\u30af\u30bb\u30b9\u3092\u5e0c\u671b\u3059\u308b\u5834\u5408\u306f\u3001\u7121\u6599\u306eGetClawHub\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3001\u6570\u79d2\u3067\u5b8c\u5168\u306a\u4f53\u9a13\u3092\u89e3\u9664\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section free-section\" id=\"free\">\n <div class=\"free-inner\">\n <div>\n <div class=\"free-label\">\u7121\u6599\u3067\u59cb\u3081\u3089\u308c\u308b<\/div>\n <h2 class=\"free-title\">\u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71\u3002\u843d\u3068\u3057\u7a74\u306a\u3057\u3002\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u4e0d\u8981\u3002<\/h2>\n <p class=\"free-desc\">\n \u4fe1\u983c\u306f\u6c42\u3081\u308b\u3082\u306e\u3067\u306f\u306a\u304f\u3001\u7bc9\u304f\u3082\u306e\u3067\u3059\u3002\u3060\u304b\u3089\u3053\u305d\u3001OpenClaw\u3068\u306e\u7121\u5236\u9650\u306e\u4f1a\u8a71\u306f\u5b8c\u5168\u306b\u7121\u6599\u3067\u3059\u3002\u9ad8\u54c1\u8cea\u3001\u6a5f\u80fd\u5236\u9650\u306a\u3057\u3001\u900f\u304b\u3057\u306a\u3057\u3002\u767b\u9332\u3092\u691c\u8a0e\u3059\u308b\u524d\u306b\u3001OpenClaw\u306e\u5b9f\u529b\u3092\u4f53\u9a13\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n <\/p>\n <ul class=\"free-list\">\n <li><div class=\"check\">\u2713<\/div><div>\u3059\u3079\u3066\u306e\u7121\u5236\u9650\u7121\u6599\u30c1\u30e3\u30c3\u30c8\u306f\u3001\u30c7\u30e2\u3084\u9650\u5b9a\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u306f\u306a\u304f\u3001\u5b8c\u5168\u306a\u9577\u3055\u3068\u9ad8\u54c1\u8cea\u306e\u4f1a\u8a71\u3067\u3059\u3002\u4f55\u3067\u3082\u8cea\u554f\u3057\u3066\u3001\u5b8c\u5168\u306a\u56de\u7b54\u3092\u5f97\u3066\u304f\u3060\u3055\u3044\u3002<\/div><\/li>\n <li><div class=\"check\">\u2713<\/div><div>\u7121\u6599\u30c1\u30e3\u30c3\u30c8\u3092\u59cb\u3081\u308b\u306e\u306b\u30e1\u30fc\u30eb\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3001\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3001OpenClaw\u306f\u3059\u3050\u306b\u4f1a\u8a71\u306e\u6e96\u5099\u304c\u6574\u3044\u307e\u3059\u3002<\/div><\/li>\n <li><div class=\"check\">\u2713<\/div><div>\u7121\u5236\u9650\u306e\u7121\u6599\u30bb\u30c3\u30b7\u30e7\u30f3\u306e\u5f8c\u306f\u3001\u7121\u6599\u306eGetClawHub\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\u3060\u3051\u3067\u3001\u7121\u5236\u9650\u306e\u4f1a\u8a71\u3092\u89e3\u653e\u3067\u304d\u307e\u3059 \u2014 1\u5206\u3082\u304b\u304b\u308a\u307e\u305b\u3093\u3002<\/div><\/li>\n <li><div class=\"check\">\u2713<\/div><div>\u3042\u306a\u305f\u306e\u4f1a\u8a71\u5c65\u6b74\u306f\u3001\u767b\u9332\u524d\u306e\u30c1\u30e3\u30c3\u30c8#1\u304b\u3089\u4fdd\u5b58\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u767b\u9332\u3057\u3066\u3082\u4f55\u3082\u5931\u308f\u308c\u307e\u305b\u3093\u3002<\/div><\/li>\n <\/ul>\n <a href=\"https:\/\/www.getclawhub.com\/ja\/download\/mac\/\" target=\"_blank\" class=\"btn-primary\">\u7121\u6599\u30c1\u30e3\u30c3\u30c8\u3092\u59cb\u3081\u308b \u2192<\/a>\n <\/div>\n\n <div class=\"free-visual\">\n <div class=\"chat-counter\">\n <div>\n <div class=\"counter-label\">\u6b8b\u308a\u306e\u7121\u6599\u30c1\u30e3\u30c3\u30c8<\/div>\n <\/div>\n <div class=\"counter-chips\">\n <div class=\"chip used\">1<\/div>\n <div class=\"chip active\">2<\/div>\n <div class=\"chip free\">3<\/div>\n <\/div>\n <\/div>\n <div class=\"free-chat-msgs\">\n <div class=\"fc-msg fc-user\">\u79c1\u306eSaaS\u88fd\u54c1\u306e\u30b3\u30fc\u30eb\u30c9\u30e1\u30fc\u30eb\u3092\u66f8\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/div>\n <div class=\"fc-msg fc-ai\">\u3082\u3061\u308d\u3093\u3067\u3059\uff01\u4fa1\u5024\u3092\u524d\u9762\u306b\u51fa\u3057\u3001\u4f4e\u6469\u64e6\u306eCTA\u3067\u7de0\u3081\u304f\u304f\u308b\u30a4\u30f3\u30d1\u30af\u30c8\u306e\u3042\u308b\u30b3\u30fc\u30eb\u30c9\u30e1\u30fc\u30eb\u3067\u3059\u3002\u4ef6\u540d\uff1a\u300c1\u9031\u9593\u3067[\u75db\u70b9]\u309240%\u524a\u6e1b\u300d...<\/div>\n <div class=\"fc-msg fc-user\">\u3082\u3063\u3068\u77ed\u304f\u3066\u30ab\u30b8\u30e5\u30a2\u30eb\u306b\u3057\u3088\u3046\u3002<\/div>\n <div class=\"fc-msg fc-ai\">\u4e86\u89e3\u3067\u3059 \u2014 \u53cb\u597d\u7684\u306a\u30c8\u30fc\u30f3\u3067\u7de0\u3081\u4ed8\u3051\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u7528\u610f\u3057\u307e\u3057\u305f\u3002\u8fd4\u4fe1\u7387\u3092\u9ad8\u3081\u308b\u305f\u3081\u306b\u6700\u9069\u5316\u3057\u3066\u3044\u307e\u3059...<\/div>\n <div class=\"fc-msg fc-sys\">\u2014 \u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71 \u2014<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"features\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u30d5\u30eb\u6a5f\u80fd\u30bb\u30c3\u30c8<\/div>\n <h2 class=\"section-title\">\u7269\u4e8b\u3092\u6210\u3057\u9042\u3052\u308b\u4eba\u306e\u305f\u3081\u306b\u4f5c\u3089\u308c\u307e\u3057\u305f<\/h2>\n <p class=\"section-subtitle\">\n GetClawHub\u306f\u5358\u306a\u308b\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dd\u30fc\u30bf\u30eb\u3067\u306f\u3042\u308a\u307e\u305b\u3093 \u2014 OpenClaw\u306e\u4f53\u9a13\u3092\u6700\u521d\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304b\u3089\u65e5\u5e38\u4f7f\u7528\u307e\u3067\u7ba1\u7406\u3059\u308b\u5b8c\u5168\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002\n <\/p>\n <div class=\"features-grid\">\n <div class=\"feat-card highlight\">\n <div class=\"feat-icon w\">\u2b07<\/div>\n <div>\n <h3>\u6c7a\u5b9a\u7248\u30ef\u30f3\u30af\u30ea\u30c3\u30afOpenClaw\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc<\/h3>\n <p>\u79c1\u305f\u3061\u306e\u4e3b\u529b\u6a5f\u80fd\uff1a\u6b63\u78ba\u3067\u691c\u8a3c\u6e08\u307f\u3001\u6700\u65b0\u306e\u5b89\u5b9a\u7248OpenClaw\u30d3\u30eb\u30c9\u3092\u3042\u306a\u305f\u306eMac\u30c1\u30c3\u30d7\u306b\u5408\u308f\u305b\u3066\u63d0\u4f9b\u3059\u308b\u30b7\u30f3\u30b0\u30eb\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dc\u30bf\u30f3\u3002GitHub\u30ea\u30ea\u30fc\u30b9\u306e\u89e3\u6790\u3084README\u306e\u8ffd\u5f93\u3001\u30bf\u30fc\u30df\u30ca\u30eb\u30b3\u30de\u30f3\u30c9\u306e\u30b3\u30d4\u30fc\uff06\u30da\u30fc\u30b9\u30c8\u306f\u4e0d\u8981\u3067\u3059\u3002Apple Silicon\u3067\u3082Intel\u3067\u3082\u3001GetClawHub\u306f\u610f\u56f3\u304b\u3089\u52d5\u4f5c\u4e2d\u306eOpenClaw\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u307e\u3067\u6700\u901f\u306e\u9053\u3067\u3059 \u2014 \u7d76\u5bfe\u306b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon a\">\ud83d\udcc1<\/div>\n <div>\n <h3>\u4f1a\u8a71\u5c65\u6b74\u3068\u30a8\u30af\u30b9\u30dd\u30fc\u30c8<\/h3>\n <p>\u3059\u3079\u3066\u306eOpenClaw\u30c1\u30e3\u30c3\u30c8\u306f\u81ea\u52d5\u7684\u306bGetClawHub\u30a2\u30ab\u30a6\u30f3\u30c8\u306b\u4fdd\u5b58\u3055\u308c\u307e\u3059\u3002\u3044\u3064\u3067\u3082\u691c\u7d22\u3001\u518d\u8a2a\u3001Markdown\u3001PDF\u3001\u307e\u305f\u306f\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u3068\u3057\u3066\u4f1a\u8a71\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon t\">\u2699\ufe0f<\/div>\n <div>\n <h3>\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u3068\u8a2d\u5b9a\u306e\u540c\u671f<\/h3>\n <p>\u30c8\u30fc\u30f3\u306e\u597d\u307f\u3001\u51fa\u529b\u9577\u3001\u5fdc\u7b54\u30b9\u30bf\u30a4\u30eb\u3092GetClawHub\u3067\u4e00\u5ea6\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u3059\u3079\u3066\u306eOpenClaw\u30bb\u30c3\u30b7\u30e7\u30f3\u306f\u81ea\u52d5\u7684\u306b\u305d\u308c\u3089\u3092\u53d6\u5f97\u3057\u307e\u3059 \u2014 \u7e70\u308a\u8fd4\u3057\u306e\u30b7\u30b9\u30c6\u30e0\u30d7\u30ed\u30f3\u30d7\u30c8\u306f\u4e0d\u8981\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon a\">\ud83d\udd14<\/div>\n <div>\n <h3>\u30d0\u30fc\u30b8\u30e7\u30f3\u3068\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u7ba1\u7406<\/h3>\n <p>\u73fe\u5728\u5b9f\u884c\u3057\u3066\u3044\u308bOpenClaw\u306e\u6b63\u78ba\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u304c\u914d\u4fe1\u3055\u308c\u305f\u3068\u304d\u306b\u901a\u77e5\u3092\u53d7\u3051\u53d6\u308a\u3001\u8a2d\u5b9a\u3084\u4f1a\u8a71\u5c65\u6b74\u3092\u5931\u3046\u3053\u3068\u306a\u304f\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon t\">\ud83d\udee1\ufe0f<\/div>\n <div>\n <h3>\u691c\u8a3c\u6e08\u307f\u3001\u6539\u3056\u3093\u9632\u6b62\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/h3>\n <p>\u3059\u3079\u3066\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u306fSHA-256\u3067\u30c1\u30a7\u30c3\u30af\u30b5\u30e0\u3055\u308c\u3001HTTPS\u7d4c\u7531\u3067\u63d0\u4f9b\u3055\u308c\u307e\u3059\u3002GetClawHub\u306e\u6574\u5408\u6027\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306b\u3088\u308a\u3001\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305f\u3082\u306e\u304cOpenClaw\u306e\u958b\u767a\u8005\u304c\u914d\u4fe1\u3057\u305f\u3082\u306e\u3068\u6b63\u78ba\u306b\u4e00\u81f4\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section screenshots\" id=\"screenshots\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u5b9f\u6f14\u3092\u898b\u308b<\/div>\n <h2 class=\"section-title\">\u30af\u30ea\u30fc\u30f3\u3067\u30d1\u30ef\u30d5\u30eb\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9 \u2014 \u5b9f\u7528\u7684\u306a\u4f5c\u696d\u306e\u305f\u3081\u306b\u4f5c\u3089\u308c\u3066\u3044\u307e\u3059<\/h2>\n <p class=\"section-subtitle\">\n OpenClaw\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u660e\u78ba\u3055\u3068\u901f\u5ea6\u3092\u91cd\u8996\u3057\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u6700\u521d\u306e\u65e5\u304b\u3089\u4f55\u306b\u53d6\u308a\u7d44\u3080\u304b\u3092\u6b63\u78ba\u306b\u78ba\u8a8d\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u5404\u753b\u9762\u3092\u63a2\u7d22\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n <\/p>\n\n <div class=\"screenshots-tabs\">\n <button class=\"tab-btn active\" onclick=\"showTab('home')\">\ud83c\udfe0 \u30db\u30fc\u30e0<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('config')\">\u2699\ufe0f \u8a2d\u5b9a<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('skills')\">\ud83e\udde9 \u30b9\u30ad\u30eb<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('chat')\">\ud83d\udcac \u30c1\u30e3\u30c3\u30c8<\/button>\n <\/div>\n\n <div class=\"screenshots-display\">\n\n \n <div class=\"screenshot-panel active\" id=\"tab-home\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \u30db\u30fc\u30e0<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/home-scaled.png\" alt=\"OpenClaw Home Screen\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83c\udfe0<\/div>\n <div class=\"caption-text\">\n <h4>\u304a\u5e30\u308a\u306a\u3055\u3044 \u2014 \u3059\u3079\u3066\u304c\u624b\u306e\u5c4a\u304f\u7bc4\u56f2\u306b<\/h4>\n <p>OpenClaw\u306e\u30db\u30fc\u30e0\u753b\u9762\u306f\u3001\u30af\u30ea\u30fc\u30f3\u3067\u6c17\u304c\u6563\u3089\u306a\u3044\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u3042\u306a\u305f\u3092\u8fce\u3048\u307e\u3059\u3002\u6700\u8fd1\u306e\u4f1a\u8a71\u3001\u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u306f\u3059\u3079\u3066\u3059\u3050\u306b\u30a2\u30af\u30bb\u30b9\u53ef\u80fd\u3067\u3059 \u2014 \u5b66\u7fd2\u66f2\u7dda\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\u65b0\u3057\u3044\u30c1\u30e3\u30c3\u30c8\u3092\u59cb\u3081\u308b\u304b\u3001\u9014\u4e2d\u304b\u3089\u7d9a\u3051\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"screenshot-panel\" id=\"tab-config\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \u8a2d\u5b9a<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/Configuration-scaled.png\" alt=\"OpenClaw Configuration Page\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\u2699\ufe0f<\/div>\n <div class=\"caption-text\">\n <h4>\u3042\u306a\u305f\u306b\u5408\u308f\u305b\u3066 \u2014 \u5b8c\u5168\u306a\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb<\/h4>\n <p>\u8a2d\u5b9a\u30da\u30fc\u30b8\u306f\u3042\u306a\u305f\u304c\u4e3b\u5c0e\u3057\u307e\u3059\u3002API\u30ad\u30fc\u3092\u8a2d\u5b9a\u3057\u3001\u597d\u307f\u306e\u30e2\u30c7\u30eb\u3092\u9078\u629e\u3057\u3001\u5fdc\u7b54\u306e\u52d5\u4f5c\u3092\u8abf\u6574\u3057\u3001\u51fa\u529b\u30b9\u30bf\u30a4\u30eb\u3092\u5fae\u8abf\u6574\u3057\u307e\u3059 \u2014 \u3059\u3079\u3066\u6574\u7406\u3055\u308c\u305f\u8a2d\u5b9a\u30d1\u30cd\u30eb\u304b\u3089\u4e00\u5ea6\u8a2d\u5b9a\u3059\u308c\u3070\u3001\u3059\u3079\u3066\u306e\u30bb\u30c3\u30b7\u30e7\u30f3\u306b\u81ea\u52d5\u7684\u306b\u53cd\u6620\u3055\u308c\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"screenshot-panel\" id=\"tab-skills\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \u30b9\u30ad\u30eb<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/skills-scaled.png\" alt=\"OpenClaw Skills Page\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83e\udde9<\/div>\n <div class=\"caption-text\">\n <h4>OpenClaw\u3092\u5f37\u5316\u3059\u308b\u305f\u3081\u306e\u5c02\u9580\u7684\u306a\u30b9\u30ad\u30eb<\/h4>\n <p>\u30b9\u30ad\u30eb\u30da\u30fc\u30b8\u3067\u306f\u3001\u76ee\u7684\u5225\u306b\u4f5c\u3089\u308c\u305f\u6a5f\u80fd\u3092\u95b2\u89a7\u3001\u6709\u52b9\u5316\u3001\u7ba1\u7406\u3067\u304d\u307e\u3059 \u2014 \u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u652f\u63f4\u304b\u3089\u5275\u9020\u7684\u306a\u57f7\u7b46\u3001\u7814\u7a76\u306a\u3069\u3001\u591a\u5c90\u306b\u308f\u305f\u308a\u307e\u3059\u3002\u5fc5\u8981\u306a\u30b9\u30ad\u30eb\u3092\u6709\u52b9\u306b\u3057\u3001OpenClaw\u306f\u3042\u306a\u305f\u306e\u4f5c\u696d\u30d5\u30ed\u30fc\u306b\u5373\u5ea7\u306b\u9069\u5fdc\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"screenshot-panel\" id=\"tab-chat\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \u30c1\u30e3\u30c3\u30c8<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2-scaled.png\" alt=\"OpenClaw Chat Interface\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83d\udcac<\/div>\n <div class=\"caption-text\">\n <h4>\u30c1\u30e3\u30c3\u30c8\u4f53\u9a13 \u2014 \u8fc5\u901f\u3067\u660e\u78ba\u3001\u305d\u3057\u3066\u5f37\u529b<\/h4>\n <p>OpenClaw\u306e\u30c1\u30e3\u30c3\u30c8\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u3001\u5b9f\u969b\u306e\u4f1a\u8a71\u306e\u305f\u3081\u306b\u4f5c\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u30e1\u30c3\u30bb\u30fc\u30b8\u306f\u30b3\u30fc\u30c9\u306e\u30cf\u30a4\u30e9\u30a4\u30c8\u3001\u30de\u30fc\u30af\u30c0\u30a6\u30f3\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3001\u3042\u306a\u305f\u306e\u8003\u3048\u306b\u8ffd\u3044\u3064\u304f\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306a\u5165\u529b\u30a8\u30ea\u30a2\u3067\u7f8e\u3057\u304f\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u4f1a\u8a71\u304c\u81ea\u7136\u3067\u3001\u8fc5\u901f\u3067\u3001\u771f\u306b\u5f79\u7acb\u3064\u3082\u306e\u306b\u611f\u3058\u3089\u308c\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section pricing\" id=\"download\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/div>\n <h2 class=\"section-title\">\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3002\u3069\u306eMac\u3067\u3082\u3002\u3059\u3050\u306b\u4f7f\u3048\u308b\u3002<\/h2>\n <p class=\"section-subtitle\">\n GetClawHub\u306fApple Silicon\u3068Intel Mac\u306e\u4e21\u65b9\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002\u304a\u4f7f\u3044\u306e\u30c1\u30c3\u30d7\u304c\u308f\u304b\u3089\u306a\u3044\u5834\u5408\u306f\u3001Apple\u30e1\u30cb\u30e5\u30fc\uff08\ud83c\udf4e\uff09\u3092\u30af\u30ea\u30c3\u30af \u2192 <em>\u3053\u306eMac\u306b\u3064\u3044\u3066<\/em> \u2014 look for \"Any Type of Apple.\n <\/p>\n <div class=\"pricing-grid\">\n <div class=\"plan featured\">\n <div class=\"plan-badge\">Apple Silicon<\/div>\n <div class=\"plan-name\">macOS \u00b7 M\u30b7\u30ea\u30fc\u30ba<\/div>\n <div class=\"plan-price\" style=\"font-size:2rem;\">\ud83c\udf4e Apple<\/div>\n <div class=\"plan-period\">M1 \u00b7 M2 \u00b7 M3 \u00b7 M4 \u4ee5\u964d<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li><span class=\"pf-icon\">\u26a1<\/span> \u30cd\u30a4\u30c6\u30a3\u30d6ARM64\u30d3\u30eb\u30c9 \u2014 \u8d85\u9ad8\u901f<\/li>\n <li><span class=\"pf-icon\">\ud83d\udd0b<\/span> \u52b9\u7387\u3068\u30d0\u30c3\u30c6\u30ea\u30fc\u5bff\u547d\u306b\u6700\u9069\u5316<\/li>\n <li><span class=\"pf-icon\">\ud83d\udcac<\/span> \u7121\u5236\u9650\u306e\u7121\u6599\u30c1\u30e3\u30c3\u30c8\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002\u767b\u9332\u4e0d\u8981<\/li>\n <li><span class=\"pf-icon\">\ud83d\udcdd<\/span> \u767b\u9332\u3057\u3066\u7121\u5236\u9650\u306e\u30a2\u30af\u30bb\u30b9\u3092\u89e3\u9664<\/li>\n <li><span class=\"pf-icon\">\ud83d\udd12<\/span> SHA-256\u691c\u8a3c\u6e08\u307f \u00b7 \u5e38\u306b\u6700\u65b0\u30d3\u30eb\u30c9<\/li>\n <\/ul>\n <a href=\"https:\/\/github.com\/firewolf189\/GetClowhub\/releases\/latest\/download\/GetClawHub.dmg\" target=\"_blank\" class=\"plan-btn solid\" rel=\"nofollow noopener\">\u2b07 Download for Apple<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align:center;margin-top:32px;font-size:0.85rem;color:var(--muted);\">\n \u2705 \u4e21\u65b9\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059 \u2014 \u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\u4e0d\u8981\u3067\u3059\u3002<br>\n \u7121\u6599\u30c1\u30e3\u30c3\u30c8\u306e\u5f8c\u3067 <strong>\u7121\u6599\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210<\/strong> \u7121\u5236\u9650\u30a2\u30af\u30bb\u30b9\u3092\u7d9a\u3051\u308b\u306b\u306f\u3002\n <\/p>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"testimonials\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u30e6\u30fc\u30b6\u30fc\u306e\u58f0<\/div>\n <h2 class=\"section-title\">OpenClaw\u30e6\u30fc\u30b6\u30fc\u6570\u5343\u4eba\u306b\u611b\u3055\u308c\u3066\u3044\u308b<\/h2>\n <div class=\"testi-grid\">\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u300c\u516c\u5f0f\u30ea\u30dd\u30b8\u30c8\u30ea\u304b\u3089OpenClaw\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3088\u3046\u3068\u3057\u30662\u65e5\u9593\u8a66\u884c\u932f\u8aa4\u3057\u3066\u3044\u307e\u3057\u305f\u3002GetClawHub\u306e\u304a\u304b\u3052\u3067\u3001\u5b9f\u8cea45\u79d2\u3067\u8d77\u52d5\u3067\u304d\u307e\u3057\u305f\u3002\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306f\u5b9f\u969b\u306b\u52d5\u4f5c\u3057\u307e\u3059 \u2014 \u30a8\u30e9\u30fc\u3082\u9762\u5012\u3082\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u300d<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#3a7ee8\">DK<\/div>\n <div><div class=\"testi-name\">\u30c7\u30a4\u30d3\u30c3\u30c9\u30fbK\u3002<\/div><div class=\"testi-role\">\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u6771\u4eac<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u300c\u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71\u306f\u5341\u5206\u3059\u304e\u308b\u307b\u3069\u3067\u3057\u305f\u3002\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u63d0\u6848\u66f8\u306e\u4f5c\u6210\u306b\u4f7f\u3044\u3001\u305d\u306e\u54c1\u8cea\u306b\u9a5a\u304d\u307e\u3057\u305f\u3002\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3066\u4ee5\u6765\u3001\u632f\u308a\u8fd4\u3063\u3066\u3044\u307e\u305b\u3093\u3002\u300d<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#e8763a\">SR<\/div>\n <div><div class=\"testi-name\">\u30bd\u30d5\u30a3\u30a2\u30fbR\u3002<\/div><div class=\"testi-role\">\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u3001\u6771\u4eac<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u300c\u79c1\u305f\u3061\u306e\u30c1\u30fc\u30e0\u5168\u4f53\u3092GetClawHub\u306b\u5207\u308a\u66ff\u3048\u3066\u3001Mac\u3067OpenClaw\u3092\u7ba1\u7406\u3057\u3066\u3044\u307e\u3059\u3002Apple Silicon\u3068Intel\u306e\u30de\u30b7\u30f3\u306e\u4e21\u65b9\u3067\u5b8c\u74a7\u306b\u52d5\u4f5c\u3057\u3001\u9069\u5207\u306a\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3092\u4f7f\u7528\u3057\u307e\u3057\u305f\u3002\u7686\u3059\u3050\u306b\u4f7f\u3044\u59cb\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002\u300d<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#3ac890\">MJ<\/div>\n <div><div class=\"testi-name\">\u30de\u30fc\u30ab\u30b9\u30fbJ\u3002<\/div><div class=\"testi-role\">CTO\u3001\u30b9\u30bf\u30fc\u30c8\u30a2\u30c3\u30d7\u4f01\u696d<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u300c\u79c1\u306f\u5168\u304f\u6280\u8853\u7684\u306a\u3053\u3068\u304c\u308f\u304b\u308a\u307e\u305b\u3093\u3002\u30ac\u30a4\u30c9\u4ed8\u304d\u8a2d\u5b9a\u30a6\u30a3\u30b6\u30fc\u30c9\u304c\u4e00\u6b69\u4e00\u6b69\u624b\u3092\u53d6\u308a\u306a\u304c\u3089\u6848\u5185\u3057\u3066\u304f\u308c\u307e\u3057\u305f\u3002\u4eca\u3067\u306f\u6bce\u65e5\u30b3\u30f3\u30c6\u30f3\u30c4\u4f5c\u6210\u306bOpenClaw\u3092\u4f7f\u3063\u3066\u304a\u308a\u3001\u3053\u308c\u306a\u3057\u3067\u306f\u4ed5\u4e8b\u304c\u3067\u304d\u306a\u3044\u3068\u601d\u3044\u307e\u3059\u3002\u300d<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#c843e8\">YP<\/div>\n <div><div class=\"testi-name\">\u30e6\u30ad\u30fbP\u3002<\/div><div class=\"testi-role\">\u30b3\u30f3\u30c6\u30f3\u30c4\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u3001\u6771\u4eac<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u691c\u8a3c\u6e08\u307f\u306e\u7f72\u540d\u6e08\u307f\u30d3\u30eb\u30c9\u306f\u79c1\u306b\u3068\u3063\u3066\u975e\u5e38\u306b\u91cd\u8981\u3067\u3059\u3002\u79c1\u306f\u4e2d\u898f\u6a21\u4f01\u696d\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u7ba1\u7406\u3057\u3066\u304a\u308a\u3001\u30e9\u30f3\u30c0\u30e0\u306a\u30d0\u30a4\u30ca\u30ea\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002GetClawHub\u306e\u6574\u5408\u6027\u30c1\u30a7\u30c3\u30af\u306b\u3088\u308a\u3001OpenClaw\u3092\u7d44\u7e54\u5168\u4f53\u306b\u5c55\u958b\u3059\u308b\u81ea\u4fe1\u304c\u6301\u3066\u307e\u3057\u305f\u3002<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#e84343\">AL<\/div>\n <div><div class=\"testi-name\">\u30a2\u30ec\u30c3\u30af\u30b9\u30fbL\u3002<\/div><div class=\"testi-role\">IT\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30de\u30cd\u30fc\u30b8\u30e3\u30fc<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u901a\u77e5\u306f\u79c1\u306e\u304a\u6c17\u306b\u5165\u308a\u306e\u5c0f\u3055\u306a\u6a5f\u80fd\u3067\u3059\u3002\u30ea\u30ea\u30fc\u30b9\u30ce\u30fc\u30c8\u3092\u78ba\u8a8d\u3057\u305f\u308a\u3001\u624b\u52d5\u3067\u518d\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305f\u308a\u305b\u305a\u306b\u3001\u5e38\u306b\u6700\u65b0\u306eOpenClaw\u30e2\u30c7\u30eb\u306e\u6539\u5584\u3092\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#43a8e8\">TW<\/div>\n <div><div class=\"testi-name\">\u30bf\u30e9\u30fbW\u3002<\/div><div class=\"testi-role\">\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u6771\u4eac<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"cta-final\">\n <h2>OpenClaw\u306b\u4f1a\u3046\u6e96\u5099\u306f\u3067\u304d\u307e\u3057\u305f\u304b\uff1f<\/h2>\n <p>\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30021\u5206\u4ee5\u5185\u306b\u30c1\u30e3\u30c3\u30c8\u3092\u958b\u59cb\u3002\u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71\u304c\u3042\u306a\u305f\u3092\u5f85\u3063\u3066\u3044\u307e\u3059 \u2014 \u30ab\u30fc\u30c9\u3082\u4e0d\u8981\u3001\u9762\u5012\u3082\u306a\u3057\u3002<\/p>\n <a href=\"https:\/\/www.getclawhub.com\/ja\/download\/mac\/\" target=\"_blank\" class=\"btn-white\">\u2b07 \u00a0 OpenClaw \u7121\u6599\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a>\n <p class=\"cta-note\">macOS Apple \u00b7 Auto-detected \u00b7 Always verified<\/p>\n<\/section>\n\n<footer>\n <div class=\"footer-inner-simple\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\" style=\"color: var(--paper);\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/getclawhub-logo-white-title.webp\" alt=\"GetClawHub\" style=\"height:50px; width: auto;\">\n <\/a>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#why\">\u306a\u305c\u79c1\u305f\u3061\u3092\u9078\u3076\u306e\u304b<\/a>\n <a href=\"#how\">\u4ed5\u7d44\u307f<\/a>\n <a href=\"#models\">Models<\/a>\n <a href=\"#new-features\">New Features<\/a>\n <a href=\"#screenshots\">\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8<\/a>\n <a href=\"https:\/\/www.getclawhub.com\/ja\/privacy-policy\/\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n <a href=\"https:\/\/www.getclawhub.com\/ja\/terms-of-service\/\">\u5229\u7528\u898f\u7d04<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2025 GetClawHub. \u5168\u8457\u4f5c\u6a29\u6240\u6709\u3002<\/span>\n <span>\u4e16\u754c\u4e2d\u306eOpenClaw\u30e6\u30fc\u30b6\u30fc\u306e\u305f\u3081\u306b\u4e01\u5be7\u306b\u4f5c\u6210\u3002<\/span>\n <\/div>\n<\/footer>\n\n<script>\n function showTab(name) {\n \/\/ Hide all panels\n document.querySelectorAll('.screenshot-panel').forEach(p => p.classList.remove('active'));\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n \/\/ Show selected\n document.getElementById('tab-' + name).classList.add('active');\n event.currentTarget.classList.add('active');\n }\n\n \/\/ Carousel functions\n const carouselState = {};\n\n function moveCarousel(carouselId, direction) {\n const carousel = document.getElementById(carouselId);\n const track = carousel.querySelector('.carousel-track');\n const slides = carousel.querySelectorAll('.carousel-slide');\n const dots = carousel.querySelectorAll('.carousel-dot');\n const totalSlides = slides.length;\n\n if (!carouselState[carouselId]) {\n carouselState[carouselId] = 0;\n }\n\n carouselState[carouselId] += direction;\n\n if (carouselState[carouselId] < 0) {\n carouselState[carouselId] = totalSlides - 1;\n } else if (carouselState[carouselId] >= totalSlides) {\n carouselState[carouselId] = 0;\n }\n\n track.style.transform = `translateX(-${carouselState[carouselId] * 100}%)`;\n\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === carouselState[carouselId]);\n });\n }\n\n function goToSlide(carouselId, slideIndex) {\n const carousel = document.getElementById(carouselId);\n const track = carousel.querySelector('.carousel-track');\n const slides = carousel.querySelectorAll('.carousel-slide');\n const dots = carousel.querySelectorAll('.carousel-dot');\n const totalSlides = slides.length;\n\n carouselState[carouselId] = slideIndex;\n\n if (carouselState[carouselId] < 0) {\n carouselState[carouselId] = totalSlides - 1;\n } else if (carouselState[carouselId] >= totalSlides) {\n carouselState[carouselId] = 0;\n }\n\n track.style.transform = `translateX(-${carouselState[carouselId] * 100}%)`;\n\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === carouselState[carouselId]);\n });\n }\n\n \/\/ Auto-play carousel (optional)\n setInterval(() => {\n if (document.getElementById('agentCarousel')) {\n moveCarousel('agentCarousel', 1);\n }\n }, 5000);\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1214","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/pages\/1214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/comments?post=1214"}],"version-history":[{"count":133,"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/pages\/1214\/revisions"}],"predecessor-version":[{"id":1640,"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/pages\/1214\/revisions\/1640"}],"wp:attachment":[{"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/media?parent=1214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n GetClawHub \u2014 One-Click Access to OpenClaw<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --ink: var(--gch-ink, #1d1d1f);\n --paper: var(--gch-paper, #f5f5f7);\n --cream: var(--gch-ivory, #ffffff);\n --amber: #e8a020;\n --amber-light: #f5c055;\n --amber-pale: #fdf3d8;\n --teal: var(--gch-teal, #0f7c6e);\n --teal-light: #1aab97;\n --muted: var(--gch-ink-muted, rgba(60,60,67,0.60));\n --border: var(--gch-cream-line, rgba(60,60,67,0.18));\n --card-bg: var(--gch-white, #ffffff);\n --sec: #df1720;\n --third: #a30f0f;\n --forth: #000000;\n --shadow: var(--gch-shadow-2);\n --shadow-lg: var(--gch-shadow-3);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n background: var(--paper);\n color: var(--ink);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4 {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n line-height: 1.15;\n letter-spacing: -0.02em;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: sticky; top: 0; z-index: 100;\n background: rgba(245,244,239,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n padding: 0 5vw;\n display: flex; align-items: center; justify-content: space-between;\n height: 80px;\n }\n .logo {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n font-weight: 800; font-size: 1.3rem;\n color: var(--ink);\n display: flex; align-items: center; gap: 8px;\n text-decoration: none;\n }\n .logo img {\n height: 60px;\n width: auto;\n display: block;\n }\n .nav-links { display: flex; gap: 32px; align-items: center; list-style: none; }\n .nav-links a { text-decoration: none; color: var(--muted); font-size: 0.9rem; font-weight: 500; transition: color .2s; }\n .nav-links a:hover { color: var(--ink); }\n .nav-cta {\n background: var(--card-bg); color: #00000;\n padding: 9px 22px; border-radius: 8px;\n font-size: 0.88rem;\n font-weight: 600;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 20px rgba(10,10,15,0.18);\n }\n .nav-cta:hover { background: #df1720; color: #ffffff; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 92vh;\n display: flex; align-items: center;\n padding: 80px 5vw 60px;\n position: relative;\n overflow: hidden;\n }\n .hero-bg {\n position: absolute; inset: 0; z-index: 0;\n background:\n radial-gradient(ellipse 60% 50% at 80% 40%, rgba(232,160,32,0.12) 0%, transparent 70%),\n radial-gradient(ellipse 50% 60% at 10% 80%, rgba(15,124,110,0.08) 0%, transparent 70%);\n }\n .hero-grid {\n position: absolute; inset: 0; z-index: 0; opacity: 0.04;\n background-image: linear-gradient(var(--ink) 1px, transparent 1px),\n linear-gradient(90deg, var(--ink) 1px, transparent 1px);\n background-size: 48px 48px;\n }\n .hero-inner {\n position: relative; z-index: 1;\n max-width: 1200px; margin: 0 auto; width: 100%;\n display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--amber-pale); border: 1px solid rgba(232,160,32,0.3);\n color: #8a5e00; border-radius: 100px;\n padding: 6px 14px; font-size: 0.8rem; font-weight: 600;\n margin-bottom: 28px; letter-spacing: 0.03em;\n animation: fadeUp 0.6s ease both;\n }\n .badge-dot { width: 6px; height: 6px; background: var(--amber); border-radius: 50%; animation: pulse 2s infinite; }\n @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }\n\n .hero h1 {\n font-size: clamp(2.8rem, 5vw, 4.2rem);\n font-weight: 800; margin-bottom: 24px;\n animation: fadeUp 0.7s 0.1s ease both;\n }\n .hero h1 em { font-style: normal; color: var(--gch-amber, #c96442); }\n .hero h1 span.underline {\n position: relative; white-space: nowrap;\n }\n .hero h1 span.underline::after {\n content: ''; position: absolute; left: 0; bottom: -4px;\n width: 100%; height: 4px;\n background: var(--amber); border-radius: 2px;\n }\n\n .hero-desc {\n font-size: 1.1rem; color: var(--muted); max-width: 520px;\n margin-bottom: 36px; font-weight: 300; line-height: 1.75;\n animation: fadeUp 0.7s 0.2s ease both;\n }\n\n .hero-actions {\n display: flex; gap: 14px; flex-wrap: wrap;\n animation: fadeUp 0.7s 0.3s ease both;\n }\n .btn-primary {\n background: var(--ink); color: var(--paper);\n padding: 14px 28px; border-radius: 10px;\n font-size: 1rem; font-weight: 600; font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 20px rgba(10,10,15,0.18);\n }\n .btn-primary:hover {\n background: var(--card-bg); box-shadow: 0 8px 28px rgba(15,124,110,0.3); }\n .btn-secondary {\n background: transparent; color: var(--ink);\n padding: 14px 24px; border-radius: 10px;\n font-size: 1rem; font-weight: 500;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n border: 1.5px solid var(--border); transition: all .25s;\n }\n .btn-secondary:hover { border-color: var(--ink); }\n\n .hero-trust {\n display: flex; align-items: center; gap: 12px;\n margin-top: 28px; font-size: 0.82rem; color: var(--muted);\n animation: fadeUp 0.7s 0.4s ease both;\n }\n .trust-avatars { display: flex; }\n .trust-avatars span {\n width: 28px; height: 28px; border-radius: 50%;\n border: 2px solid var(--paper);\n margin-left: -6px; font-size: 0.65rem;\n display: grid; place-items: center; font-weight: 700;\n color: var(--paper);\n }\n .trust-avatars span:nth-child(1){background:#e8763a}\n .trust-avatars span:nth-child(2){background:#3a7ee8}\n .trust-avatars span:nth-child(3){background:#3ac890}\n .trust-avatars span:nth-child(4){background:#a03ae8}\n\n \/* \u2500\u2500 HERO VISUAL (VIDEO) \u2500\u2500 *\/\n .hero-visual {\n animation: fadeUp 0.8s 0.2s ease both;\n position: relative;\n }\n .video-container {\n position: relative;\n width: 100%;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--shadow-lg), 0 0 0 1px rgba(255,255,255,0.06);\n aspect-ratio: 16 \/ 9;\n background: #000;\n }\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n\n \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n .section { padding: 96px 5vw; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-label {\n font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;\n color: var(--teal); margin-bottom: 12px;\n }\n .section-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; margin-bottom: 20px; }\n .section-subtitle { font-size: 1.05rem; color: var(--muted); max-width: 600px; line-height: 1.75; }\n\n \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\n .stats-bar {\n background: var(--ink); color: var(--paper);\n padding: 40px 5vw;\n }\n .stats-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 32px; text-align: center;\n }\n .stat-num { font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-size: 2.4rem; font-weight: 800; color: var(--amber); }\n .stat-label { font-size: 0.85rem; color: rgba(245,244,239,0.6); margin-top: 4px; }\n\n \/* \u2500\u2500 WHY GETCLABHUB \u2500\u2500 *\/\n .why-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 24px; margin-top: 56px;\n }\n .why-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 32px;\n transition: all .3s; cursor: default;\n }\n .why-card:hover { box-shadow: var(--shadow-lg); border-color: var(--amber); }\n .why-icon {\n width: 48px; height: 48px; border-radius: 12px;\n display: grid; place-items: center; font-size: 1.4rem;\n margin-bottom: 20px;\n }\n .why-icon.amber { background: var(--amber-pale); }\n .why-icon.teal { background: rgba(15,124,110,0.08); }\n .why-icon.ink { background: rgba(10,10,15,0.06); }\n .why-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; }\n .why-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.7; }\n\n \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n .hiw { background: var(--cream); }\n .steps { margin-top: 56px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; position: relative; }\n .steps::before {\n content: ''; position: absolute;\n top: 28px; left: calc(16.66% + 20px); right: calc(16.66% + 20px);\n height: 1.5px; background: var(--border);\n z-index: 0;\n }\n .step { text-align: center; padding: 0 24px; position: relative; z-index: 1; }\n .step-num {\n width: 56px; height: 56px; border-radius: 50%;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-weight: 800; font-size: 1.1rem;\n display: grid; place-items: center; margin: 0 auto 24px;\n border: 2px solid var(--border); background: var(--cream);\n transition: all .3s;\n }\n .step:hover .step-num { background: var(--ink); color: var(--amber); border-color: var(--ink); }\n .step h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 10px; }\n .step p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; }\n\n \/* \u2500\u2500 FREE TIER \u2500\u2500 *\/\n .free-section { background: var(--ink); color: var(--paper); }\n .free-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\n }\n .free-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--amber); margin-bottom: 12px; }\n .free-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; margin-bottom: 20px; color: var(--paper); }\n .free-desc { font-size: 1rem; color: rgba(245,244,239,0.65); line-height: 1.75; margin-bottom: 36px; }\n .free-list { list-style: none; display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px; }\n .free-list li {\n display: flex; align-items: flex-start; gap: 12px;\n font-size: 0.92rem; color: rgba(245,244,239,0.85); line-height: 1.6;\n }\n .free-list .check {\n width: 20px; height: 20px; border-radius: 50%;\n background: rgba(26,171,151,0.2); color: var(--teal-light);\n display: grid; place-items: center; font-size: 0.7rem; flex-shrink: 0; margin-top: 2px;\n }\n .free-visual {\n background: #14141e; border-radius: 20px; padding: 32px;\n border: 1px solid rgba(255,255,255,0.06);\n }\n .chat-counter {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .counter-label { font-size: 0.8rem; color: rgba(255,255,255,0.4); letter-spacing: 0.05em; text-transform: uppercase; }\n .counter-chips { display: flex; gap: 8px; }\n .chip {\n width: 36px; height: 36px; border-radius: 10px;\n display: grid; place-items: center; font-size: 0.75rem; font-weight: 700;\n }\n .chip.used { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.25); text-decoration: line-through; }\n .chip.active { background: var(--amber); color: var(--ink); }\n .chip.free { background: rgba(232,160,32,0.15); color: var(--amber-light); border: 1px dashed rgba(232,160,32,0.3); }\n .free-chat-msgs { display: flex; flex-direction: column; gap: 10px; }\n .fc-msg { padding: 10px 14px; border-radius: 10px; font-size: 0.8rem; line-height: 1.5; }\n .fc-user { background: var(--amber); color: var(--ink); font-weight: 500; align-self: flex-end; border-radius: 10px 4px 10px 10px; }\n .fc-ai { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); border-radius: 4px 10px 10px 10px; }\n .fc-sys {\n text-align: center; font-size: 0.72rem; color: rgba(255,255,255,0.3);\n padding: 6px; font-style: italic;\n }\n\n \/* \u2500\u2500 FEATURES \u2500\u2500 *\/\n .features-grid {\n display: grid; grid-template-columns: repeat(2, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .feat-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 32px; display: flex; gap: 20px;\n transition: all .3s;\n }\n .feat-card:hover { border-color: var(--teal); box-shadow: var(--shadow); }\n .feat-card.highlight {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n grid-column: span 2;\n flex-direction: row; align-items: center;\n }\n .feat-icon {\n width: 44px; height: 44px; border-radius: 12px;\n display: grid; place-items: center; font-size: 1.3rem;\n flex-shrink: 0;\n }\n .feat-icon.a { background: var(--amber-pale); }\n .feat-icon.t { background: rgba(15,124,110,0.1); }\n .feat-icon.i { background: rgba(10,10,15,0.05); }\n .feat-icon.w { background: rgba(255,255,255,0.1); }\n .feat-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }\n .feat-card p { font-size: 0.88rem; color: var(--muted); line-height: 1.65; }\n .feat-card.highlight p { color: rgba(245,244,239,0.65); }\n\n \/* \u2500\u2500 SUPPORTED MODELS \u2500\u2500 *\/\n .models-section { background: var(--cream); }\n .models-container { margin-top: 48px; }\n .model-tier {\n margin-bottom: 48px;\n }\n .model-tier:last-child { margin-bottom: 0; }\n .tier-header {\n display: flex; align-items: center; gap: 12px;\n margin-bottom: 24px;\n }\n .tier-badge {\n padding: 6px 16px; border-radius: 100px;\n font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em;\n }\n .tier-badge.free { background: var(--teal); color: #fff; }\n .tier-badge.pro { background: var(--amber); color: var(--ink); }\n .tier-badge.max { background: var(--ink); color: var(--paper); }\n .tier-title { font-size: 1.2rem; font-weight: 800; color: var(--ink); }\n .tier-subtitle { font-size: 0.85rem; color: var(--muted); margin-left: 12px; }\n\n \/* Featured models - horizontal cards *\/\n .featured-models {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 24px;\n }\n .featured-card {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 24px;\n transition: all .3s;\n position: relative;\n overflow: hidden;\n }\n .featured-card:hover {\n \n box-shadow: var(--shadow-lg);\n border-color: var(--amber);\n }\n .featured-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n }\n .featured-card.deepseek::before { background: linear-gradient(90deg, #2d3748, #1a202c); }\n .featured-card.gpt::before { background: linear-gradient(90deg, #10a37f, #0d7a5f); }\n .featured-card.claude::before { background: linear-gradient(90deg, #ff6b35, #d63031); }\n .featured-card.gemini::before { background: linear-gradient(90deg, #4285f4, #34a853); }\n .featured-card.qwen::before { background: linear-gradient(90deg, #06b6d4, #0891b2); }\n .featured-card.grok::before { background: linear-gradient(90deg, #000, #666); }\n .featured-card.kimi::before { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n .featured-card.glm::before { background: linear-gradient(90deg, #10b981, #059669); }\n\n .featured-header {\n display: flex; align-items: flex-start; gap: 16px;\n margin-bottom: 16px;\n }\n .featured-logo {\n width: 52px; height: 52px; border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n background: #fff;\n overflow: hidden;\n }\n .featured-logo img {\n width: 36px;\n height: 36px;\n object-fit: contain;\n }\n .featured-logo.deepseek { background: linear-gradient(135deg, #2d3748, #1a202c); }\n .featured-logo.gpt { background: linear-gradient(135deg, #10a37f, #0d7a5f); }\n .featured-logo.claude { background: linear-gradient(135deg, #ff6b35, #d63031); }\n .featured-logo.gemini { background: linear-gradient(135deg, #4285f4, #34a853); }\n .featured-logo.qwen { background: linear-gradient(135deg, #06b6d4, #0891b2); }\n .featured-logo.grok { background: linear-gradient(135deg, #000, #444); }\n .featured-logo.kimi { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }\n .featured-logo.glm { background: linear-gradient(135deg, #10b981, #059669); }\n\n .featured-info h3 {\n font-size: 1rem; font-weight: 700; color: var(--ink);\n margin-bottom: 4px;\n }\n .featured-info .vendor {\n font-size: 0.78rem; color: var(--muted);\n }\n .featured-tags {\n display: flex; gap: 6px; flex-wrap: wrap;\n margin-bottom: 12px;\n }\n .f-tag {\n padding: 3px 10px; border-radius: 6px;\n font-size: 0.7rem; font-weight: 600;\n background: var(--amber-pale); color: #8a5e00;\n }\n .f-tag.teal { background: rgba(15,124,110,0.1); color: var(--teal); }\n .f-tag.purple { background: rgba(139,92,246,0.1); color: #7c3aed; }\n .f-tag.blue { background: rgba(59,130,246,0.1); color: #2563eb; }\n .featured-desc {\n font-size: 0.82rem; color: var(--muted); line-height: 1.6;\n }\n .featured-context {\n margin-top: 12px;\n font-size: 0.75rem; font-weight: 600;\n color: var(--ink);\n }\n\n \/* Other models - compact scrollable list *\/\n .other-models {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 16px 20px;\n }\n .other-models-header {\n font-size: 0.8rem; font-weight: 700;\n color: var(--muted);\n margin-bottom: 12px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .other-models-list {\n display: flex; gap: 10px;\n overflow-x: auto;\n padding-bottom: 8px;\n scrollbar-width: thin;\n scrollbar-color: var(--border) transparent;\n }\n .other-models-list::-webkit-scrollbar {\n height: 4px;\n }\n .other-models-list::-webkit-scrollbar-track {\n background: transparent;\n }\n .other-models-list::-webkit-scrollbar-thumb {\n background: var(--border); border-radius: 2px;\n }\n .other-model-item {\n flex-shrink: 0;\n padding: 8px 14px;\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 8px;\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--ink);\n white-space: nowrap;\n transition: all .2s;\n }\n .other-model-item:hover {\n background: var(--amber-pale);\n border-color: var(--amber);\n }\n .models-disclaimer {\n margin-top: 32px;\n padding-top: 24px;\n border-top: 1px solid var(--border);\n font-size: 0.75rem;\n color: var(--muted);\n text-align: center;\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 NEW FEATURES \u2500\u2500 *\/\n .new-features-section { background: var(--card-bg); }\n .new-features-section .section-label { color: var(--teal); }\n .new-features-section .section-title { color: var(--ink); }\n .new-features-section .section-subtitle { color: var(--muted); }\n .features-showcase {\n margin-top: 56px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px;\n }\n .feature-showcase-card {\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 20px; padding: 32px;\n transition: all .3s;\n }\n .feature-showcase-card:hover {\n border-color: var(--teal);\n \n box-shadow: var(--shadow-lg);\n }\n .feature-showcase-card.featured-card {\n grid-column: span 2;\n background: linear-gradient(135deg, var(--amber-pale) 0%, rgba(15,124,110,0.08) 100%);\n border-color: rgba(232,160,32,0.3);\n }\n .feature-media {\n width: 100%; border-radius: 12px; overflow: hidden;\n margin-bottom: 24px; background: var(--border);\n aspect-ratio: 16 \/ 9;\n position: relative;\n }\n .feature-media img, .feature-media video {\n width: 100%; height: 100%; object-fit: cover;\n display: block;\n }\n .feature-carousel {\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 9;\n overflow: hidden;\n border-radius: 12px;\n }\n .carousel-track {\n display: flex;\n height: 100%;\n transition: transform 0.4s ease;\n }\n .carousel-slide {\n min-width: 100%;\n height: 100%;\n }\n .carousel-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n .carousel-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.9);\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n color: var(--ink);\n transition: all .2s;\n z-index: 2;\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n }\n .carousel-btn:hover {\n background: var(--amber);\n color: var(--ink);\n }\n .carousel-btn.prev { left: 12px; }\n .carousel-btn.next { right: 12px; }\n .carousel-dots {\n position: absolute;\n bottom: 12px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 2;\n }\n .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255,255,255,0.5);\n border: none;\n cursor: pointer;\n transition: all .2s;\n }\n .carousel-dot.active {\n background: var(--amber);\n transform: scale(1.2);\n }\n .carousel-dot:hover { background: rgba(255,255,255,0.8); }\n .feature-badge {\n display: inline-flex; align-items: center; gap: 6px;\n background: var(--amber); color: var(--ink);\n padding: 4px 12px; border-radius: 100px;\n font-size: 0.72rem; font-weight: 700;\n margin-bottom: 16px;\n }\n .feature-badge.teal { background: var(--teal); color: #fff; }\n .feature-badge.purple { background: #8b5cf6; color: #fff; }\n .feature-showcase-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 12px; color: var(--ink); }\n .feature-showcase-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.75; }\n .feature-list {\n list-style: none; margin-top: 16px; display: flex; flex-direction: column; gap: 10px;\n }\n .feature-list li {\n display: flex; align-items: center; gap: 10px;\n font-size: 0.88rem; color: var(--ink);\n }\n .feature-list .fl-icon {\n width: 20px; height: 20px; border-radius: 50%;\n background: rgba(232,160,32,0.15); color: var(--amber);\n display: grid; place-items: center; font-size: 0.65rem; flex-shrink: 0;\n }\n .multi-agent-visual {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 20px;\n }\n .agent-node {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 12px; padding: 16px; text-align: center;\n transition: all .3s;\n }\n .agent-node:hover { background: var(--amber-pale); border-color: var(--amber); }\n .agent-avatar {\n width: 48px; height: 48px; border-radius: 12px;\n margin: 0 auto 10px;\n display: grid; place-items: center; font-size: 1.4rem;\n }\n .agent-avatar.coder { background: linear-gradient(135deg, #3a7ee8 0%, #2563eb 100%); }\n .agent-avatar.writer { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); }\n .agent-avatar.researcher { background: linear-gradient(135deg, #10a37f 0%, #0d7a5f 100%); }\n .agent-name { font-size: 0.85rem; font-weight: 600; color: var(--ink); margin-bottom: 4px; }\n .agent-role { font-size: 0.72rem; color: var(--muted); }\n\n \/* \u2500\u2500 SCREENSHOT SHOWCASE \u2500\u2500 *\/\n .screenshots { background: var(--cream); }\n .screenshots-tabs {\n display: flex; gap: 8px; margin-top: 48px; margin-bottom: 32px;\n flex-wrap: wrap;\n }\n .tab-btn {\n padding: 10px 22px; border-radius: 100px;\n font-size: 0.875rem; font-weight: 600;\n border: 1.5px solid var(--border);\n background: var(--card-bg); color: var(--muted);\n cursor: pointer; transition: all .25s;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n }\n .tab-btn:hover { border-color: var(--ink); color: var(--ink); }\n .tab-btn.active {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n }\n .screenshots-display {\n position: relative;\n }\n .screenshot-panel {\n display: none;\n animation: fadeUp 0.4s ease both;\n }\n .screenshot-panel.active {\n display: block;\n }\n .screenshot-frame {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow-lg);\n position: relative;\n }\n .screenshot-titlebar {\n background: #f0eeea;\n border-bottom: 1px solid var(--border);\n padding: 12px 16px;\n display: flex; align-items: center; gap: 8px;\n }\n .titlebar-dots { display: flex; gap: 6px; }\n .titlebar-dots span {\n width: 12px; height: 12px; border-radius: 50%;\n }\n .titlebar-dots span:nth-child(1) { background: #ff5f57; }\n .titlebar-dots span:nth-child(2) { background: #febc2e; }\n .titlebar-dots span:nth-child(3) { background: #28c840; }\n .titlebar-title {\n flex: 1; text-align: center;\n font-size: 0.78rem; color: var(--muted); font-weight: 500;\n }\n .screenshot-frame img {\n width: 100%; display: block;\n transition: transform 0.4s ease;\n }\n .screenshot-frame:hover img { transform: scale(1.01); }\n .screenshot-caption {\n margin-top: 20px;\n display: flex; align-items: flex-start; gap: 16px;\n padding: 24px 28px;\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 16px;\n }\n .caption-icon {\n width: 40px; height: 40px; border-radius: 10px;\n background: var(--amber-pale);\n display: grid; place-items: center; font-size: 1.2rem; flex-shrink: 0;\n }\n .caption-text h4 { font-size: 1rem; font-weight: 700; margin-bottom: 6px; }\n .caption-text p { font-size: 0.875rem; color: var(--muted); line-height: 1.65; }\n\n \/* \u2500\u2500 PRICING \u2500\u2500 *\/\n .pricing { background: var(--cream); }\n .pricing-grid {\n display: flex; justify-content: center; margin-top: 56px;\n }\n .plan {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 20px; padding: 36px; max-width: 500px; width: 100%;\n position: relative; overflow: hidden;\n transition: all .3s;\n }\n .plan:hover { box-shadow: var(--shadow-lg); }\n .plan.featured {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n }\n .plan-badge {\n position: absolute; top: 20px; right: 20px;\n background: var(--amber); color: var(--ink);\n font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;\n padding: 4px 10px; border-radius: 100px;\n }\n .plan-name { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--teal); margin-bottom: 8px; }\n .plan.featured .plan-name { color: var(--amber); }\n .plan-price { font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-size: 2.4rem; font-weight: 800; margin-bottom: 4px; }\n .plan-period { font-size: 0.82rem; color: var(--muted); margin-bottom: 24px; }\n .plan.featured .plan-period { color: rgba(245,244,239,0.5); }\n .plan-divider { height: 1px; background: var(--border); margin-bottom: 24px; }\n .plan.featured .plan-divider { background: rgba(255,255,255,0.1); }\n .plan-features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }\n .plan-features li { font-size: 0.88rem; display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }\n .plan.featured .plan-features li { color: rgba(245,244,239,0.8); }\n .pf-icon { font-size: 0.85rem; flex-shrink: 0; margin-top: 1px; }\n .plan-btn {\n display: block; text-align: center; padding: 13px 24px;\n border-radius: 10px; font-weight: 600; font-size: 0.92rem;\n text-decoration: none; transition: all .25s;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n }\n .plan-btn.solid { background: var(--amber); color: var(--ink); }\n .plan-btn.solid:hover { background: var(--amber-light); }\n\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n .testi-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .testi-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 28px;\n }\n .stars { color: var(--amber); font-size: 0.85rem; margin-bottom: 14px; letter-spacing: 2px; }\n .testi-text { font-size: 0.9rem; color: var(--ink); line-height: 1.7; margin-bottom: 20px; font-style: italic; }\n .testi-author { display: flex; align-items: center; gap: 10px; }\n .testi-av {\n width: 36px; height: 36px; border-radius: 50%;\n display: grid; place-items: center; font-weight: 700; font-size: 0.78rem; color: #fff;\n }\n .testi-name { font-size: 0.85rem; font-weight: 600; }\n .testi-role { font-size: 0.76rem; color: var(--muted); }\n\n \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n .cta-final {\n background: var(--gch-surface-strong, #141413);\n padding: 96px 5vw; text-align: center;\n }\n .cta-final h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: #fff; margin-bottom: 16px; }\n .cta-final p { font-size: 1.1rem; color: rgba(255,255,255,0.75); max-width: 540px; margin: 0 auto 40px; }\n .cta-final .btn-white {\n background: #fff; color: var(--ink);\n padding: 15px 36px; border-radius: 10px;\n font-size: 1rem; font-weight: 700; font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 24px rgba(0,0,0,0.15);\n }\n .cta-final .btn-white:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.2); }\n .cta-note {\n font-size: 0.82rem; color: rgba(255,255,255,0.5);\n margin-top: 24px;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--forth); color: #000000;\n padding: 48px 5vw 32px;\n }\n .footer-inner-simple {\n max-width: 1200px; margin: 0 auto;\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 32px; flex-wrap: wrap; gap: 24px;\n }\n .footer-links {\n display: flex; gap: 24px; flex-wrap: wrap;\n }\n .footer-links a {\n font-size: 0.9rem; color: rgba(245,244,239,0.7); text-decoration: none; transition: color .2s;\n }\n .footer-links a:hover { color: var(--amber); }\n .footer-bottom {\n max-width: 1200px; margin: 0 auto;\n border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px;\n display: flex; justify-content: space-between; align-items: center;\n font-size: 0.8rem;\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n .hero-inner, .free-inner { grid-template-columns: 1fr; }\n .why-grid, .steps, .testi-grid { grid-template-columns: 1fr; }\n .features-grid, .models-grid, .features-showcase { grid-template-columns: 1fr; }\n .feat-card.highlight, .feature-showcase-card.featured-card { grid-column: span 1; }\n .steps::before { display: none; }\n .stats-inner { grid-template-columns: repeat(2,1fr); }\n nav .nav-links { display: none; }\n .footer-inner-simple { flex-direction: column; text-align: center; }\n .footer-links { justify-content: center; }\n .pricing-grid { flex-direction: column; align-items: center; }\n .multi-agent-visual { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n<nav>\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/logo-black-title-1.webp\" alt=\"GetClawHub\" style=\"height:40px; width: auto;\">\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#why\">\u306a\u305c\u79c1\u305f\u3061\u3092\u9078\u3076\u306e\u304b<\/a><\/li>\n <li><a href=\"#how\">\u4ed5\u7d44\u307f<\/a><\/li>\n <li><a href=\"#models\">Models<\/a><\/li>\n <li><a href=\"#new-features\">New Features<\/a><\/li>\n <li><a href=\"#screenshots\">\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8<\/a><\/li>\n <li><a href=\"#download\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a><\/li>\n <li><a href=\"https:\/\/www.getclawhub.com\/ja\/download\/mac\/\" target=\"_blank\" class=\"nav-cta\">\u7121\u6599\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 \u2192<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-inner\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\"><span class=\"badge-dot\"><\/span> OpenClaw\u3092\u6700\u901f\u3067\u624b\u306b\u5165\u308c\u308b\u65b9\u6cd5<\/div>\n <h1>\n <em>\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3002<\/em><br>\n <span class=\"underline\">OpenClaw<\/span> Is<br>\n \u6e96\u5099\u5b8c\u4e86\u3002\n <\/h1>\n <p class=\"hero-desc\">\n GetClawHub\u306fOpenClaw\u3092\u76f4\u63a5\u3042\u306a\u305f\u306e\u30c7\u30d0\u30a4\u30b9\u306b\u5c4a\u3051\u307e\u3059 \u2014 \u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3092\u63a2\u3059\u5fc5\u8981\u3082\u3001\u58ca\u308c\u305f\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30ea\u30f3\u30af\u3082\u3001\u8a2d\u5b9a\u306e\u7169\u308f\u3057\u3055\u3082\u3042\u308a\u307e\u305b\u3093\u3002\u6570\u5206\u3067OpenClaw\u3068\u306e\u30c1\u30e3\u30c3\u30c8\u3092\u958b\u59cb\u3057\u307e\u3057\u3087\u3046\u3002 <strong>\u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71<\/strong> \u4eca\u3059\u3050\u3042\u306a\u305f\u3092\u5f85\u3063\u3066\u3044\u307e\u3059\u3001\u6761\u4ef6\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/www.getclawhub.com\/ja\/download\/mac\/\" target=\"_blank\" class=\"btn-primary\">\u2b07 OpenClaw\u3092\u7121\u6599\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a>\n <a href=\"#how\" class=\"btn-secondary\">\u4ed5\u7d44\u307f\u3092\u898b\u308b \u2192<\/a>\n <\/div>\n <div class=\"hero-trust\">\n <div class=\"trust-avatars\">\n <span>AK<\/span><span>JL<\/span><span>MS<\/span><span>+<\/span>\n <\/div>\n \u4e16\u754c\u4e2d\u306e50,000\u4eba\u4ee5\u4e0a\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u4fe1\u983c\u3055\u308c\u3066\u3044\u307e\u3059 \u00b7 macOS \u00b7 \u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u4e0d\u8981\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"video-container\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/7zQ4eBkzbe0\" title=\"YouTube\u52d5\u753b\u30d7\u30ec\u30fc\u30e4\u30fc\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"stats-bar\">\n <div class=\"stats-inner\">\n <div><div class=\"stat-num\">\u30ef\u30f3\u30af\u30ea\u30c3\u30af<\/div><div class=\"stat-label\">OpenClaw\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/div><\/div>\n <div><div class=\"stat-num\">\u7121\u5236\u9650<\/div><div class=\"stat-label\">\u7121\u6599\u306e\u4f1a\u8a71\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059<\/div><\/div>\n <div><div class=\"stat-num\">50K+<\/div><div class=\"stat-label\">\u30a2\u30af\u30c6\u30a3\u30d6\u30e6\u30fc\u30b6\u30fc<\/div><\/div>\n <div><div class=\"stat-num\"><60\u79d2<\/div><div class=\"stat-label\">\u5e73\u5747\u8a2d\u5b9a\u6642\u9593<\/div><\/div>\n <\/div>\n<\/div>\n\n<section class=\"section\" id=\"why\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Why GetClawHub<\/div>\n <h2 class=\"section-title\">OpenClaw\u3092\u59cb\u3081\u308b\u306e\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066 \u2014 \u6469\u64e6\u306a\u3057\u3067<\/h2>\n <p class=\"section-subtitle\">\n AI\u30c4\u30fc\u30eb\u306e\u8d77\u52d5\u306f\u9762\u5012\u306b\u611f\u3058\u308b\u3079\u304d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002GetClawHub\u306f\u3001\u3042\u306a\u305f\u3068OpenClaw\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306e\u9593\u306e\u4e0d\u8981\u306a\u30b9\u30c6\u30c3\u30d7\u3092\u3059\u3079\u3066\u53d6\u308a\u9664\u304d\u3001\u91cd\u8981\u306a\u3053\u3068\u306b\u96c6\u4e2d\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\uff1a\u7d20\u6674\u3089\u3057\u3044\u4f1a\u8a71\u3092\u697d\u3057\u307f\u3001\u5b9f\u969b\u306e\u4f5c\u696d\u3092\u9032\u3081\u308b\u3053\u3068\u3002\n <\/p>\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-icon amber\">\u26a1<\/div>\n <h3>\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\uff06\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n <p>\u624b\u52d5\u3067\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u63a2\u3059\u5fc5\u8981\u306a\u3057\u3002\u602a\u3057\u3044\u30df\u30e9\u30fc\u304b\u3089\u58ca\u308c\u305f`.dmg`\u30d5\u30a1\u30a4\u30eb\u3082\u306a\u3057\u3002GetClawHub\u306f\u3059\u3079\u3066\u3092\u307e\u3068\u3081\u3066\u304a\u308a\u3001\u30af\u30ea\u30c3\u30af\u4e00\u3064\u3067Mac\u306bOpenClaw\u3092\u304d\u308c\u3044\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3001\u3059\u3050\u306b\u8d77\u52d5\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon teal\">\ud83d\udcac<\/div>\n <h3>\u7121\u5236\u9650\u306e\u7121\u6599\u30c1\u30e3\u30c3\u30c8\u3001\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u4e0d\u8981<\/h3>\n <p>\u79c1\u305f\u3061\u306f\u3001OpenClaw\u3092\u8a66\u3057\u3066\u304b\u3089\u30b3\u30df\u30c3\u30c8\u3059\u3079\u304d\u3060\u3068\u4fe1\u3058\u3066\u3044\u307e\u3059\u3002\u3060\u304b\u3089\u3053\u305d\u3001\u65b0\u3057\u3044\u8a2a\u554f\u8005\u306b\u306f\u5b8c\u5168\u306b\u7121\u6599\u3067\u5236\u9650\u306e\u306a\u3044\u4f1a\u8a71\u3092\u7121\u5236\u9650\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u306f\u4e0d\u8981\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon ink\">\ud83d\udd12<\/div>\n <h3>\u5e38\u306b\u691c\u8a3c\u6e08\u307f\u306e\u6700\u65b0\u30d3\u30eb\u30c9<\/h3>\n <p>GetClawHub\u3067\u30db\u30b9\u30c8\u3055\u308c\u3066\u3044\u308b\u3059\u3079\u3066\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u306f\u6697\u53f7\u7f72\u540d\u3068\u6574\u5408\u6027\u30c1\u30a7\u30c3\u30af\u6e08\u307f\u3067\u3059\u3002\u5e38\u306b\u6700\u65b0\u306e\u5b89\u5b9a\u7248\u306eOpenClaw\u3092\u5165\u624b\u3067\u304d\u3001\u53e4\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u3084\u6539\u3056\u3093\u3055\u308c\u305f\u30d0\u30a4\u30ca\u30ea\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon amber\">\ud83c\udf4e<\/div>\n <h3>Mac\u5411\u3051\u306b\u8a2d\u8a08 \u2014 Apple Silicon & Intel<\/h3>\n <p>Apple Silicon\uff08M1\u301cM4\uff09\u307e\u305f\u306fIntel Mac\u3092\u304a\u4f7f\u3044\u306e\u5834\u5408\u3067\u3082\u3001GetClawHub\u306f\u81ea\u52d5\u7684\u306b\u304a\u4f7f\u3044\u306e\u30c1\u30c3\u30d7\u306b\u9069\u3057\u305fOpenClaw\u30d3\u30eb\u30c9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u63a8\u6e2c\u4e0d\u8981\u3001\u8aa4\u3063\u305f\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3082\u306a\u3057\u3002<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon teal\">\ud83d\ude80<\/div>\n <h3>\u65b0\u898f\u30e6\u30fc\u30b6\u30fc\u5411\u3051\u306e\u30b9\u30e0\u30fc\u30ba\u306a\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0<\/h3>\n <p>OpenClaw\u3092\u521d\u3081\u3066\u4f7f\u3044\u307e\u3059\u304b\uff1f\u30ac\u30a4\u30c9\u4ed8\u304d\u8a2d\u5b9a\u30a6\u30a3\u30b6\u30fc\u30c9\u304c\u521d\u671f\u8a2d\u5b9a\u3001API\u30ad\u30fc\uff08\u5fc5\u8981\u306b\u5fdc\u3058\u3066\uff09\u3001\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u8a2d\u5b9a\u3092\u6848\u5185\u3057\u307e\u3059\u3002\u975e\u6280\u8853\u8005\u3067\u3082\u30b9\u30e0\u30fc\u30ba\u306b\u59cb\u3081\u3089\u308c\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon ink\">\ud83d\udd04<\/div>\n <h3>\u81ea\u52d5\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u901a\u77e5<\/h3>\n <p>\u767b\u9332\u30e6\u30fc\u30b6\u30fc\u306f\u65b0\u3057\u3044OpenClaw\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u304c\u30ea\u30ea\u30fc\u30b9\u3055\u308c\u308b\u3068\u30a2\u30d7\u30ea\u5185\u3067\u901a\u77e5\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u66f4\u65b0\u3067\u304d\u3001\u6700\u65b0\u306e\u30e2\u30c7\u30eb\u6539\u5584\u306b\u3088\u308b\u4f1a\u8a71\u3092\u7dad\u6301\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section models-section\" id=\"models\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u5bfe\u5fdcAI\u30e2\u30c7\u30eb<\/div>\n <h2 class=\"section-title\">43\u4ee5\u4e0a\u306e\u30e2\u30c7\u30eb\u3002\u3059\u3079\u3066\u306e\u968e\u5c64\u3002\u59a5\u5354\u306a\u3057\u3002<\/h2>\n <p class=\"section-subtitle\">\n \u7121\u6599\u306e\u6bce\u65e5\u306e\u4f1a\u8a71\u304b\u3089\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30ec\u30d9\u30eb\u306e\u63a8\u8ad6\u307e\u3067 \u2014 \u3059\u3079\u3066\u306e\u30bf\u30b9\u30af\u306b\u6700\u9069\u306a\u30e2\u30c7\u30eb\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n <\/p>\n\n <div class=\"models-container\">\n\n \n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge free\">\u7121\u6599<\/span>\n <span class=\"tier-title\">4\u30e2\u30c7\u30eb<\/span>\n <span class=\"tier-subtitle\">\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u4e0d\u8981<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card deepseek\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/deepseek.png\" alt=\"DeepSeek\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>DeepSeek V4 Pro<\/h3>\n <span class=\"vendor\">DeepSeek<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\u4e07\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag\">\u63a8\u8ad6<\/span>\n <\/div>\n <p class=\"featured-desc\">\u8907\u96d1\u306a\u554f\u984c\u89e3\u6c7a\u306e\u305f\u3081\u306e\u30c8\u30c3\u30d7\u30af\u30e9\u30b9\u306e\u63a8\u8ad6\u3068\u5927\u898f\u6a21\u306a\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30a6\u30a3\u30f3\u30c9\u30a6\u3002<\/p>\n <\/div>\n <div class=\"featured-card qwen\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/qwen.png\" alt=\"Qwen\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Qwen3.6 Flash<\/h3>\n <span class=\"vendor\">Alibaba<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\u4e07\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag purple\">\u30d3\u30b8\u30e7\u30f3<\/span>\n <span class=\"f-tag purple\">\u30d3\u30c7\u30aa<\/span>\n <\/div>\n <p class=\"featured-desc\">\u753b\u50cf\u3068\u52d5\u753b\u306e\u7406\u89e3\u306b\u512a\u308c\u305f\u30de\u30eb\u30c1\u30e2\u30fc\u30c0\u30eb\u30d1\u30ef\u30fc\u30cf\u30a6\u30b9\u3092\u3001\u4ed6\u306b\u306a\u3044\u4fa1\u683c\u3067\u63d0\u4f9b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">\u305d\u306e\u4ed6\u3082\u5229\u7528\u53ef\u80fd<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">Doubao-Seed-2.0-Lite<\/span>\n <span class=\"other-model-item\">MiniMax M2.7<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge pro\">PRO \u2014 $20\/\u6708<\/span>\n <span class=\"tier-title\">18\u30e2\u30c7\u30eb<\/span>\n <span class=\"tier-subtitle\">\u5c02\u9580\u5bb6\u5411\u3051\u306e\u6700\u9ad8\u306e\u30b3\u30b9\u30c8\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card claude\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/anthropic.png\" alt=\"Anthropic\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Claude Opus 4.6<\/h3>\n <span class=\"vendor\">Anthropic<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\u4e07\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag\">\u63a8\u8ad6<\/span>\n <span class=\"f-tag purple\">\u30d3\u30b8\u30e7\u30f3<\/span>\n <\/div>\n <p class=\"featured-desc\">\u8907\u96d1\u306a\u63a8\u8ad6\u3001\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3001\u5fae\u5999\u306a\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30bf\u30b9\u30af\u306b\u5bfe\u5fdc\u3059\u308bAnthropic\u306e\u30d5\u30e9\u30c3\u30b0\u30b7\u30c3\u30d7\u30e2\u30c7\u30eb\u3002<\/p>\n <\/div>\n <div class=\"featured-card gemini\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/google.png\" alt=\"Google\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Gemini 3.1 Pro \u30d7\u30ec\u30d3\u30e5\u30fc<\/h3>\n <span class=\"vendor\">Google<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\u4e07\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag blue\">5\u3064\u306e\u30e2\u30c0\u30ea\u30c6\u30a3<\/span>\n <\/div>\n <p class=\"featured-desc\">\u30c6\u30ad\u30b9\u30c8\u3001\u753b\u50cf\u3001\u97f3\u58f0\u3001\u52d5\u753b\u3001\u30d5\u30a1\u30a4\u30eb\u306e\u3059\u3079\u3066\u306e5\u3064\u306e\u30e2\u30c0\u30ea\u30c6\u30a3\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u552f\u4e00\u306e\u30e2\u30c7\u30eb\u3002<\/p>\n <\/div>\n <div class=\"featured-card grok\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/grok.png\" alt=\"Grok\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Grok 4.1 Fast<\/h3>\n <span class=\"vendor\">xAI<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">2M\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag purple\">\u30d3\u30b8\u30e7\u30f3<\/span>\n <\/div>\n <p class=\"featured-desc\">\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u5168\u4f53\u3084\u9577\u3044\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u51e6\u7406\u3059\u308b\u305f\u3081\u306e\u5de8\u5927\u306a2M\u30c8\u30fc\u30af\u30f3\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">\u305d\u306e\u4ed6\u3082\u5229\u7528\u53ef\u80fd<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">DeepSeek V4 Pro<\/span>\n <span class=\"other-model-item\">DeepSeek V4 Flash<\/span>\n <span class=\"other-model-item\">Qwen3.6-Plus<\/span>\n <span class=\"other-model-item\">MiniMax M2.7 HighSpeed<\/span>\n <span class=\"other-model-item\">GLM 5.1<\/span>\n <span class=\"other-model-item\">GLM 5V \u30bf\u30fc\u30dc<\/span>\n <span class=\"other-model-item\">\u30ad\u30df K2.6<\/span>\n <span class=\"other-model-item\">\u30ad\u30df K2.5<\/span>\n <span class=\"other-model-item\">Doubao-Seed-2.0-Pro<\/span>\n <span class=\"other-model-item\">Doubao-Seed-Code<\/span>\n <span class=\"other-model-item\">ERNIE-X1.1-\u30d7\u30ec\u30d3\u30e5\u30fc<\/span>\n <span class=\"other-model-item\">\u30b8\u30a7\u30df\u30cb 2.5 \u30d5\u30e9\u30c3\u30b7\u30e5\u30e9\u30a4\u30c8<\/span>\n <span class=\"other-model-item\">\u30af\u30ed\u30fc\u30c9 \u30bd\u30cd\u30c3\u30c8 4.6<\/span>\n <span class=\"other-model-item\">\u30af\u30ed\u30fc\u30c9 \u30cf\u30a4\u30af 4.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge max\">MAX \u2014 $100\/\u6708<\/span>\n <span class=\"tier-title\">20\u30e2\u30c7\u30eb<\/span>\n <span class=\"tier-subtitle\">\u3059\u3079\u3066\u306e\u30d5\u30e9\u30c3\u30b0\u30b7\u30c3\u30d7\u30e2\u30c7\u30eb\u3078\u306e\u7121\u5236\u9650\u30a2\u30af\u30bb\u30b9<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card claude\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/anthropic.png\" alt=\"Anthropic\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>\u30af\u30ed\u30fc\u30c9 \u30aa\u30fc\u30d1\u30b9 4.7<\/h3>\n <span class=\"vendor\">Anthropic<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\u4e07\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag purple\">\u30d3\u30b8\u30e7\u30f3<\/span>\n <span class=\"f-tag purple\">\u30d5\u30a1\u30a4\u30eb<\/span>\n <\/div>\n <p class=\"featured-desc\">\u30df\u30c3\u30b7\u30e7\u30f3\u30af\u30ea\u30c6\u30a3\u30ab\u30eb\u3067\u8907\u96d1\u306a\u4f5c\u696d\u8ca0\u8377\u306b\u6700\u3082\u5f37\u529b\u306aAnthropic\u306e\u30e2\u30c7\u30eb\u3002<\/p>\n <\/div>\n <div class=\"featured-card gpt\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/openai.png\" alt=\"OpenAI\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>GPT-5.5<\/h3>\n <span class=\"vendor\">OpenAI<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">1.05M \u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/span>\n <span class=\"f-tag\">\u63a8\u8ad6<\/span>\n <span class=\"f-tag purple\">\u30d3\u30b8\u30e7\u30f3<\/span>\n <\/div>\n <p class=\"featured-desc\">\u8981\u6c42\u306e\u53b3\u3057\u3044\u4f01\u696d\u5411\u3051\u30ef\u30fc\u30af\u30ed\u30fc\u30c9\u306b\u6700\u9069\u306aOpenAI\u306e\u6700\u5148\u7aef\u30e2\u30c7\u30eb\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">\u305d\u306e\u4ed6\u3082\u5229\u7528\u53ef\u80fd<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">DeepSeek V4 Pro<\/span>\n <span class=\"other-model-item\">DeepSeek V4 Flash<\/span>\n <span class=\"other-model-item\">Qwen3.6-Plus<\/span>\n <span class=\"other-model-item\">MiniMax M2.7 HighSpeed<\/span>\n <span class=\"other-model-item\">GLM 5.1<\/span>\n <span class=\"other-model-item\">GLM 5V \u30bf\u30fc\u30dc<\/span>\n <span class=\"other-model-item\">\u30ad\u30df K2.6<\/span>\n <span class=\"other-model-item\">\u30ad\u30df K2.5<\/span>\n <span class=\"other-model-item\">Doubao-Seed-2.0-Pro<\/span>\n <span class=\"other-model-item\">Doubao-Seed-Code<\/span>\n <span class=\"other-model-item\">ERNIE-X1.1-\u30d7\u30ec\u30d3\u30e5\u30fc<\/span>\n <span class=\"other-model-item\">\u30b8\u30a7\u30df\u30cb 2.5 \u30d5\u30e9\u30c3\u30b7\u30e5\u30e9\u30a4\u30c8<\/span>\n <span class=\"other-model-item\">Gemini 3.1 Pro \u30d7\u30ec\u30d3\u30e5\u30fc<\/span>\n <span class=\"other-model-item\">Grok 4.1 Fast<\/span>\n <span class=\"other-model-item\">Claude Opus 4.6<\/span>\n <span class=\"other-model-item\">\u30af\u30ed\u30fc\u30c9 \u30bd\u30cd\u30c3\u30c8 4.6<\/span>\n <span class=\"other-model-item\">\u30af\u30ed\u30fc\u30c9 \u30cf\u30a4\u30af 4.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <p class=\"models-disclaimer\">\n \u3059\u3079\u3066\u306e\u30e2\u30c7\u30eb\u540d\u3001\u30d6\u30e9\u30f3\u30c9\u3001\u30ed\u30b4\u306f\u305d\u308c\u305e\u308c\u306e\u6240\u6709\u8005\u306e\u6240\u6709\u7269\u3067\u3059\u3002\u3053\u306e\u30da\u30fc\u30b8\u306f\u60c5\u5831\u63d0\u4f9b\u306e\u307f\u3092\u76ee\u7684\u3068\u3057\u3066\u304a\u308a\u3001\u516c\u5f0f\u306a\u63d0\u643a\u3084\u627f\u8a8d\u3092\u793a\u3059\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n <\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"section new-features-section\" id=\"new-features\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u65b0\u6a5f\u80fd<\/div>\n <h2 class=\"section-title\">\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3067\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316<\/h2>\n <p class=\"section-subtitle\">\n OpenClaw\u306e\u6700\u65b0\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306f\u3001\u5354\u529b\u7684\u306a\u30de\u30eb\u30c1\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u30b7\u30b9\u30c6\u30e0\u304b\u3089\u6d3b\u6c17\u3042\u308b\u30a8\u30ad\u30b9\u30d1\u30fc\u30c8\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u307e\u3067\u3001\u5f37\u529b\u306a\u65b0\u3057\u3044\u50cd\u304d\u65b9\u3092\u3082\u305f\u3089\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"features-showcase\">\n\n \n <div class=\"feature-showcase-card featured-card\">\n <div class=\"feature-carousel\" id=\"agentCarousel\">\n <div class=\"carousel-track\">\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u5e02\u573a-scaled.png\" alt=\"Multi-Agent AI\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e22-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2\u7ed3\u679c-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1620712943543-bcc4688e7485?w=800&q=80\" alt=\"Collaboration\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555255707-c07966088b7b?w=800&q=80\" alt=\"Collaboration\" loading=\"lazy\" \/>\n <\/div>\n <\/div>\n <button class=\"carousel-btn prev\" onclick=\"moveCarousel('agentCarousel', -1)\">\u2039<\/button>\n <button class=\"carousel-btn next\" onclick=\"moveCarousel('agentCarousel', 1)\">\u203a<\/button>\n <div class=\"carousel-dots\">\n <button class=\"carousel-dot active\" onclick=\"goToSlide('agentCarousel', 0)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 1)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 2)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 3)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 4)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 5)\"><\/button>\n <\/div>\n <\/div>\n <div class=\"feature-badge\">\u2b50 \u6ce8\u76ee<\/div>\n <h3>\u30de\u30eb\u30c1\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u5354\u529b\u30b7\u30b9\u30c6\u30e0<\/h3>\n <p>\u8907\u6570\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u540c\u6642\u306b\u4f5c\u696d\u3057\u3001\u305d\u308c\u305e\u308c\u304c\u7570\u306a\u308b\u30bf\u30b9\u30af\u306b\u7279\u5316\u3057\u3066\u3044\u307e\u3059\u3002\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u3001\u30ea\u30b5\u30fc\u30c1\u30a2\u30ca\u30ea\u30b9\u30c8\u3001\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30e9\u30a4\u30bf\u30fc\u3092\u540c\u6642\u306b\u5c55\u958b\u3057\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u5354\u529b\u3057\u3066\u8907\u96d1\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u53d6\u308a\u7d44\u307f\u307e\u3059\u3002<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> \u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3001\u57f7\u7b46\u3001\u30ea\u30b5\u30fc\u30c1\u3001\u5206\u6790\u306b\u7279\u5316\u3057\u305f\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u8907\u96d1\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306e\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u5354\u529b<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u30ab\u30b9\u30bf\u30e0\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3068\u81ea\u52d5\u5316\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u3059\u3079\u3066\u306e\u30a2\u30af\u30c6\u30a3\u30d6\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u9593\u3067\u5171\u6709\u3055\u308c\u308b\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/li>\n <\/ul>\n <div class=\"multi-agent-visual\">\n <div class=\"agent-node\">\n <div class=\"agent-avatar coder\">\ud83d\udcbb<\/div>\n <div class=\"agent-name\">\u30b3\u30fc\u30c0\u30fc\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8<\/div>\n <div class=\"agent-role\">\u57f7\u7b46\uff06\u30c7\u30d0\u30c3\u30b0<\/div>\n <\/div>\n <div class=\"agent-node\">\n <div class=\"agent-avatar writer\">\u270d\ufe0f<\/div>\n <div class=\"agent-name\">\u30e9\u30a4\u30bf\u30fc\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8<\/div>\n <div class=\"agent-role\">\u30b3\u30f3\u30c6\u30f3\u30c4\u4f5c\u6210<\/div>\n <\/div>\n <div class=\"agent-node\">\n <div class=\"agent-avatar researcher\">\ud83d\udd2c<\/div>\n <div class=\"agent-name\">\u30ea\u30b5\u30fc\u30c1\u30e3\u30fc\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8<\/div>\n <div class=\"agent-role\">\u30c7\u30fc\u30bf\u5206\u6790<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"feature-showcase-card\">\n <div class=\"feature-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559136555-9303baea8ebd?w=600&q=80\" alt=\"Expert Marketplace\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"feature-badge purple\">\ud83e\udde9 \u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9<\/div>\n <h3>\u30a8\u30ad\u30b9\u30d1\u30fc\u30c8\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9<\/h3>\n <p>\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u304c\u5171\u6709\u3059\u308b\u5c02\u9580\u5bb6\u304c\u4f5c\u6210\u3057\u305f\u30d7\u30ed\u30f3\u30d7\u30c8\u3001\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u30ad\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3055\u308c\u305f\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002\u696d\u754c\u306b\u7279\u5316\u3057\u305f\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u898b\u3064\u3051\u308b\u304b\u3001\u81ea\u5206\u306e\u5c02\u9580\u77e5\u8b58\u3092\u5171\u6709\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> \u5c02\u9580\u5bb6\u304c\u4f5c\u6210\u3057\u305f\u30d7\u30ed\u30f3\u30d7\u30c8\u3084\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u95b2\u89a7<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u81ea\u5206\u306e\u4f5c\u54c1\u3092\u516c\u958b\u3057\u3066\u4ed6\u8005\u3092\u652f\u63f4<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u696d\u754c\u7279\u5316\u306e\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u30d1\u30c3\u30af<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u8a55\u4fa1\u3068\u30ec\u30d3\u30e5\u30fc<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"feature-showcase-card\">\n <div class=\"hero-visual\">\n <div class=\"video-container\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/7zQ4eBkzbe0\" title=\"YouTube\u52d5\u753b\u30d7\u30ec\u30fc\u30e4\u30fc\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <div class=\"feature-badge teal\">\ud83c\udfac \u30c7\u30e2<\/div>\n <h3>\u5b9f\u6f14\u3092\u898b\u308b<\/h3>\n <p>\u30de\u30eb\u30c1\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u5354\u529b\u3068\u30a8\u30ad\u30b9\u30d1\u30fc\u30c8\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u304c\u3042\u306a\u305f\u306e\u4ed5\u4e8b\u306e\u3084\u308a\u65b9\u3092\u5909\u3048\u308b\u69d8\u5b50\u3092\u898b\u3066\u304f\u3060\u3055\u3044\u3002\u8907\u96d1\u306a\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304b\u3089\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306a\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u307e\u3067\u3001\u305d\u306e\u529b\u3092\u76f4\u63a5\u4f53\u9a13\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> \u30d5\u30eb\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u30c7\u30e2\u30f3\u30b9\u30c8\u30ec\u30fc\u30b7\u30e7\u30f3<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u30d2\u30f3\u30c8\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \u5b9f\u7528\u4f8b<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section hiw\" id=\"how\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u4ed5\u7d44\u307f<\/div>\n <h2 class=\"section-title\">\u30bc\u30ed\u304b\u3089OpenClaw\u3078\u3001\u4e09\u3064\u306e\u7c21\u5358\u306a\u30b9\u30c6\u30c3\u30d7<\/h2>\n <p class=\"section-subtitle\">\n \u4e0d\u8981\u306a\u30af\u30ea\u30c3\u30af\u3092\u5fb9\u5e95\u7684\u306b\u6392\u9664\u3057\u3001\u300cOpenClaw\u3092\u8a66\u3057\u305f\u3044\u300d\u304b\u3089\u300cOpenClaw\u3068\u30c1\u30e3\u30c3\u30c8\u3057\u3066\u3044\u308b\u300d\u307e\u3067\u306e\u9053\u306e\u308a\u3092\u3067\u304d\u308b\u3060\u3051\u30b9\u30e0\u30fc\u30ba\u306b\u3057\u307e\u3057\u305f\u3002\n <\/p>\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-num\">01<\/div>\n <h3>GetClawHub\u3092\u8a2a\u554f<\/h3>\n <p>\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u304a\u4f7f\u3044\u306eOS\u306f\u81ea\u52d5\u691c\u51fa\u3055\u308c\u3001\u6b63\u3057\u3044OpenClaw\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u304c\u6e96\u5099\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u3053\u306e\u6bb5\u968e\u3067\u306f\u30a2\u30ab\u30a6\u30f3\u30c8\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093 \u2014 \u5927\u304d\u306a\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">02<\/div>\n <h3>\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\uff06\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n <p>\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u4f9d\u5b58\u95a2\u4fc2\u3001\u30d1\u30b9\u8a2d\u5b9a\u3001\u521d\u671f\u8a2d\u5b9a\u3092\u81ea\u52d5\u7684\u306b\u51e6\u7406\u3057\u307e\u3059\u300260\u79d2\u4ee5\u5185\u306bOpenClaw\u304c\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u3001\u81ea\u52d5\u7684\u306b\u8d77\u52d5\u3057\u3001\u6700\u521d\u306e\u4f1a\u8a71\u306e\u6e96\u5099\u304c\u6574\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">03<\/div>\n <h3>\u7121\u6599\u3067\u30c1\u30e3\u30c3\u30c8\u3001\u305d\u306e\u5f8c\u767b\u9332\u3057\u3066\u3055\u3089\u306b\u89e3\u653e<\/h3>\n <p>OpenClaw\u3068\u306e\u7121\u5236\u9650\u306e\u4f1a\u8a71\u3092\u7121\u6599\u3067\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002\u5b8c\u5168\u306a\u30a2\u30af\u30bb\u30b9\u3092\u5e0c\u671b\u3059\u308b\u5834\u5408\u306f\u3001\u7121\u6599\u306eGetClawHub\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3001\u6570\u79d2\u3067\u5b8c\u5168\u306a\u4f53\u9a13\u3092\u89e3\u9664\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section free-section\" id=\"free\">\n <div class=\"free-inner\">\n <div>\n <div class=\"free-label\">\u7121\u6599\u3067\u59cb\u3081\u3089\u308c\u308b<\/div>\n <h2 class=\"free-title\">\u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71\u3002\u843d\u3068\u3057\u7a74\u306a\u3057\u3002\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u4e0d\u8981\u3002<\/h2>\n <p class=\"free-desc\">\n \u4fe1\u983c\u306f\u6c42\u3081\u308b\u3082\u306e\u3067\u306f\u306a\u304f\u3001\u7bc9\u304f\u3082\u306e\u3067\u3059\u3002\u3060\u304b\u3089\u3053\u305d\u3001OpenClaw\u3068\u306e\u7121\u5236\u9650\u306e\u4f1a\u8a71\u306f\u5b8c\u5168\u306b\u7121\u6599\u3067\u3059\u3002\u9ad8\u54c1\u8cea\u3001\u6a5f\u80fd\u5236\u9650\u306a\u3057\u3001\u900f\u304b\u3057\u306a\u3057\u3002\u767b\u9332\u3092\u691c\u8a0e\u3059\u308b\u524d\u306b\u3001OpenClaw\u306e\u5b9f\u529b\u3092\u4f53\u9a13\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n <\/p>\n <ul class=\"free-list\">\n <li><div class=\"check\">\u2713<\/div><div>\u3059\u3079\u3066\u306e\u7121\u5236\u9650\u7121\u6599\u30c1\u30e3\u30c3\u30c8\u306f\u3001\u30c7\u30e2\u3084\u9650\u5b9a\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u306f\u306a\u304f\u3001\u5b8c\u5168\u306a\u9577\u3055\u3068\u9ad8\u54c1\u8cea\u306e\u4f1a\u8a71\u3067\u3059\u3002\u4f55\u3067\u3082\u8cea\u554f\u3057\u3066\u3001\u5b8c\u5168\u306a\u56de\u7b54\u3092\u5f97\u3066\u304f\u3060\u3055\u3044\u3002<\/div><\/li>\n <li><div class=\"check\">\u2713<\/div><div>\u7121\u6599\u30c1\u30e3\u30c3\u30c8\u3092\u59cb\u3081\u308b\u306e\u306b\u30e1\u30fc\u30eb\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3001\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3001OpenClaw\u306f\u3059\u3050\u306b\u4f1a\u8a71\u306e\u6e96\u5099\u304c\u6574\u3044\u307e\u3059\u3002<\/div><\/li>\n <li><div class=\"check\">\u2713<\/div><div>\u7121\u5236\u9650\u306e\u7121\u6599\u30bb\u30c3\u30b7\u30e7\u30f3\u306e\u5f8c\u306f\u3001\u7121\u6599\u306eGetClawHub\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\u3060\u3051\u3067\u3001\u7121\u5236\u9650\u306e\u4f1a\u8a71\u3092\u89e3\u653e\u3067\u304d\u307e\u3059 \u2014 1\u5206\u3082\u304b\u304b\u308a\u307e\u305b\u3093\u3002<\/div><\/li>\n <li><div class=\"check\">\u2713<\/div><div>\u3042\u306a\u305f\u306e\u4f1a\u8a71\u5c65\u6b74\u306f\u3001\u767b\u9332\u524d\u306e\u30c1\u30e3\u30c3\u30c8#1\u304b\u3089\u4fdd\u5b58\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u767b\u9332\u3057\u3066\u3082\u4f55\u3082\u5931\u308f\u308c\u307e\u305b\u3093\u3002<\/div><\/li>\n <\/ul>\n <a href=\"https:\/\/www.getclawhub.com\/ja\/download\/mac\/\" target=\"_blank\" class=\"btn-primary\">\u7121\u6599\u30c1\u30e3\u30c3\u30c8\u3092\u59cb\u3081\u308b \u2192<\/a>\n <\/div>\n\n <div class=\"free-visual\">\n <div class=\"chat-counter\">\n <div>\n <div class=\"counter-label\">\u6b8b\u308a\u306e\u7121\u6599\u30c1\u30e3\u30c3\u30c8<\/div>\n <\/div>\n <div class=\"counter-chips\">\n <div class=\"chip used\">1<\/div>\n <div class=\"chip active\">2<\/div>\n <div class=\"chip free\">3<\/div>\n <\/div>\n <\/div>\n <div class=\"free-chat-msgs\">\n <div class=\"fc-msg fc-user\">\u79c1\u306eSaaS\u88fd\u54c1\u306e\u30b3\u30fc\u30eb\u30c9\u30e1\u30fc\u30eb\u3092\u66f8\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/div>\n <div class=\"fc-msg fc-ai\">\u3082\u3061\u308d\u3093\u3067\u3059\uff01\u4fa1\u5024\u3092\u524d\u9762\u306b\u51fa\u3057\u3001\u4f4e\u6469\u64e6\u306eCTA\u3067\u7de0\u3081\u304f\u304f\u308b\u30a4\u30f3\u30d1\u30af\u30c8\u306e\u3042\u308b\u30b3\u30fc\u30eb\u30c9\u30e1\u30fc\u30eb\u3067\u3059\u3002\u4ef6\u540d\uff1a\u300c1\u9031\u9593\u3067[\u75db\u70b9]\u309240%\u524a\u6e1b\u300d...<\/div>\n <div class=\"fc-msg fc-user\">\u3082\u3063\u3068\u77ed\u304f\u3066\u30ab\u30b8\u30e5\u30a2\u30eb\u306b\u3057\u3088\u3046\u3002<\/div>\n <div class=\"fc-msg fc-ai\">\u4e86\u89e3\u3067\u3059 \u2014 \u53cb\u597d\u7684\u306a\u30c8\u30fc\u30f3\u3067\u7de0\u3081\u4ed8\u3051\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u7528\u610f\u3057\u307e\u3057\u305f\u3002\u8fd4\u4fe1\u7387\u3092\u9ad8\u3081\u308b\u305f\u3081\u306b\u6700\u9069\u5316\u3057\u3066\u3044\u307e\u3059...<\/div>\n <div class=\"fc-msg fc-sys\">\u2014 \u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71 \u2014<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"features\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u30d5\u30eb\u6a5f\u80fd\u30bb\u30c3\u30c8<\/div>\n <h2 class=\"section-title\">\u7269\u4e8b\u3092\u6210\u3057\u9042\u3052\u308b\u4eba\u306e\u305f\u3081\u306b\u4f5c\u3089\u308c\u307e\u3057\u305f<\/h2>\n <p class=\"section-subtitle\">\n GetClawHub\u306f\u5358\u306a\u308b\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dd\u30fc\u30bf\u30eb\u3067\u306f\u3042\u308a\u307e\u305b\u3093 \u2014 OpenClaw\u306e\u4f53\u9a13\u3092\u6700\u521d\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304b\u3089\u65e5\u5e38\u4f7f\u7528\u307e\u3067\u7ba1\u7406\u3059\u308b\u5b8c\u5168\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002\n <\/p>\n <div class=\"features-grid\">\n <div class=\"feat-card highlight\">\n <div class=\"feat-icon w\">\u2b07<\/div>\n <div>\n <h3>\u6c7a\u5b9a\u7248\u30ef\u30f3\u30af\u30ea\u30c3\u30afOpenClaw\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc<\/h3>\n <p>\u79c1\u305f\u3061\u306e\u4e3b\u529b\u6a5f\u80fd\uff1a\u6b63\u78ba\u3067\u691c\u8a3c\u6e08\u307f\u3001\u6700\u65b0\u306e\u5b89\u5b9a\u7248OpenClaw\u30d3\u30eb\u30c9\u3092\u3042\u306a\u305f\u306eMac\u30c1\u30c3\u30d7\u306b\u5408\u308f\u305b\u3066\u63d0\u4f9b\u3059\u308b\u30b7\u30f3\u30b0\u30eb\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dc\u30bf\u30f3\u3002GitHub\u30ea\u30ea\u30fc\u30b9\u306e\u89e3\u6790\u3084README\u306e\u8ffd\u5f93\u3001\u30bf\u30fc\u30df\u30ca\u30eb\u30b3\u30de\u30f3\u30c9\u306e\u30b3\u30d4\u30fc\uff06\u30da\u30fc\u30b9\u30c8\u306f\u4e0d\u8981\u3067\u3059\u3002Apple Silicon\u3067\u3082Intel\u3067\u3082\u3001GetClawHub\u306f\u610f\u56f3\u304b\u3089\u52d5\u4f5c\u4e2d\u306eOpenClaw\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u307e\u3067\u6700\u901f\u306e\u9053\u3067\u3059 \u2014 \u7d76\u5bfe\u306b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon a\">\ud83d\udcc1<\/div>\n <div>\n <h3>\u4f1a\u8a71\u5c65\u6b74\u3068\u30a8\u30af\u30b9\u30dd\u30fc\u30c8<\/h3>\n <p>\u3059\u3079\u3066\u306eOpenClaw\u30c1\u30e3\u30c3\u30c8\u306f\u81ea\u52d5\u7684\u306bGetClawHub\u30a2\u30ab\u30a6\u30f3\u30c8\u306b\u4fdd\u5b58\u3055\u308c\u307e\u3059\u3002\u3044\u3064\u3067\u3082\u691c\u7d22\u3001\u518d\u8a2a\u3001Markdown\u3001PDF\u3001\u307e\u305f\u306f\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u3068\u3057\u3066\u4f1a\u8a71\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon t\">\u2699\ufe0f<\/div>\n <div>\n <h3>\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u3068\u8a2d\u5b9a\u306e\u540c\u671f<\/h3>\n <p>\u30c8\u30fc\u30f3\u306e\u597d\u307f\u3001\u51fa\u529b\u9577\u3001\u5fdc\u7b54\u30b9\u30bf\u30a4\u30eb\u3092GetClawHub\u3067\u4e00\u5ea6\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u3059\u3079\u3066\u306eOpenClaw\u30bb\u30c3\u30b7\u30e7\u30f3\u306f\u81ea\u52d5\u7684\u306b\u305d\u308c\u3089\u3092\u53d6\u5f97\u3057\u307e\u3059 \u2014 \u7e70\u308a\u8fd4\u3057\u306e\u30b7\u30b9\u30c6\u30e0\u30d7\u30ed\u30f3\u30d7\u30c8\u306f\u4e0d\u8981\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon a\">\ud83d\udd14<\/div>\n <div>\n <h3>\u30d0\u30fc\u30b8\u30e7\u30f3\u3068\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u7ba1\u7406<\/h3>\n <p>\u73fe\u5728\u5b9f\u884c\u3057\u3066\u3044\u308bOpenClaw\u306e\u6b63\u78ba\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u304c\u914d\u4fe1\u3055\u308c\u305f\u3068\u304d\u306b\u901a\u77e5\u3092\u53d7\u3051\u53d6\u308a\u3001\u8a2d\u5b9a\u3084\u4f1a\u8a71\u5c65\u6b74\u3092\u5931\u3046\u3053\u3068\u306a\u304f\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon t\">\ud83d\udee1\ufe0f<\/div>\n <div>\n <h3>\u691c\u8a3c\u6e08\u307f\u3001\u6539\u3056\u3093\u9632\u6b62\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/h3>\n <p>\u3059\u3079\u3066\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u306fSHA-256\u3067\u30c1\u30a7\u30c3\u30af\u30b5\u30e0\u3055\u308c\u3001HTTPS\u7d4c\u7531\u3067\u63d0\u4f9b\u3055\u308c\u307e\u3059\u3002GetClawHub\u306e\u6574\u5408\u6027\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306b\u3088\u308a\u3001\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305f\u3082\u306e\u304cOpenClaw\u306e\u958b\u767a\u8005\u304c\u914d\u4fe1\u3057\u305f\u3082\u306e\u3068\u6b63\u78ba\u306b\u4e00\u81f4\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section screenshots\" id=\"screenshots\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u5b9f\u6f14\u3092\u898b\u308b<\/div>\n <h2 class=\"section-title\">\u30af\u30ea\u30fc\u30f3\u3067\u30d1\u30ef\u30d5\u30eb\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9 \u2014 \u5b9f\u7528\u7684\u306a\u4f5c\u696d\u306e\u305f\u3081\u306b\u4f5c\u3089\u308c\u3066\u3044\u307e\u3059<\/h2>\n <p class=\"section-subtitle\">\n OpenClaw\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u660e\u78ba\u3055\u3068\u901f\u5ea6\u3092\u91cd\u8996\u3057\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u6700\u521d\u306e\u65e5\u304b\u3089\u4f55\u306b\u53d6\u308a\u7d44\u3080\u304b\u3092\u6b63\u78ba\u306b\u78ba\u8a8d\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u5404\u753b\u9762\u3092\u63a2\u7d22\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n <\/p>\n\n <div class=\"screenshots-tabs\">\n <button class=\"tab-btn active\" onclick=\"showTab('home')\">\ud83c\udfe0 \u30db\u30fc\u30e0<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('config')\">\u2699\ufe0f \u8a2d\u5b9a<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('skills')\">\ud83e\udde9 \u30b9\u30ad\u30eb<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('chat')\">\ud83d\udcac \u30c1\u30e3\u30c3\u30c8<\/button>\n <\/div>\n\n <div class=\"screenshots-display\">\n\n \n <div class=\"screenshot-panel active\" id=\"tab-home\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \u30db\u30fc\u30e0<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/home-scaled.png\" alt=\"OpenClaw Home Screen\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83c\udfe0<\/div>\n <div class=\"caption-text\">\n <h4>\u304a\u5e30\u308a\u306a\u3055\u3044 \u2014 \u3059\u3079\u3066\u304c\u624b\u306e\u5c4a\u304f\u7bc4\u56f2\u306b<\/h4>\n <p>OpenClaw\u306e\u30db\u30fc\u30e0\u753b\u9762\u306f\u3001\u30af\u30ea\u30fc\u30f3\u3067\u6c17\u304c\u6563\u3089\u306a\u3044\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u3042\u306a\u305f\u3092\u8fce\u3048\u307e\u3059\u3002\u6700\u8fd1\u306e\u4f1a\u8a71\u3001\u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u306f\u3059\u3079\u3066\u3059\u3050\u306b\u30a2\u30af\u30bb\u30b9\u53ef\u80fd\u3067\u3059 \u2014 \u5b66\u7fd2\u66f2\u7dda\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\u65b0\u3057\u3044\u30c1\u30e3\u30c3\u30c8\u3092\u59cb\u3081\u308b\u304b\u3001\u9014\u4e2d\u304b\u3089\u7d9a\u3051\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"screenshot-panel\" id=\"tab-config\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \u8a2d\u5b9a<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/Configuration-scaled.png\" alt=\"OpenClaw Configuration Page\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\u2699\ufe0f<\/div>\n <div class=\"caption-text\">\n <h4>\u3042\u306a\u305f\u306b\u5408\u308f\u305b\u3066 \u2014 \u5b8c\u5168\u306a\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb<\/h4>\n <p>\u8a2d\u5b9a\u30da\u30fc\u30b8\u306f\u3042\u306a\u305f\u304c\u4e3b\u5c0e\u3057\u307e\u3059\u3002API\u30ad\u30fc\u3092\u8a2d\u5b9a\u3057\u3001\u597d\u307f\u306e\u30e2\u30c7\u30eb\u3092\u9078\u629e\u3057\u3001\u5fdc\u7b54\u306e\u52d5\u4f5c\u3092\u8abf\u6574\u3057\u3001\u51fa\u529b\u30b9\u30bf\u30a4\u30eb\u3092\u5fae\u8abf\u6574\u3057\u307e\u3059 \u2014 \u3059\u3079\u3066\u6574\u7406\u3055\u308c\u305f\u8a2d\u5b9a\u30d1\u30cd\u30eb\u304b\u3089\u4e00\u5ea6\u8a2d\u5b9a\u3059\u308c\u3070\u3001\u3059\u3079\u3066\u306e\u30bb\u30c3\u30b7\u30e7\u30f3\u306b\u81ea\u52d5\u7684\u306b\u53cd\u6620\u3055\u308c\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"screenshot-panel\" id=\"tab-skills\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \u30b9\u30ad\u30eb<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/skills-scaled.png\" alt=\"OpenClaw Skills Page\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83e\udde9<\/div>\n <div class=\"caption-text\">\n <h4>OpenClaw\u3092\u5f37\u5316\u3059\u308b\u305f\u3081\u306e\u5c02\u9580\u7684\u306a\u30b9\u30ad\u30eb<\/h4>\n <p>\u30b9\u30ad\u30eb\u30da\u30fc\u30b8\u3067\u306f\u3001\u76ee\u7684\u5225\u306b\u4f5c\u3089\u308c\u305f\u6a5f\u80fd\u3092\u95b2\u89a7\u3001\u6709\u52b9\u5316\u3001\u7ba1\u7406\u3067\u304d\u307e\u3059 \u2014 \u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u652f\u63f4\u304b\u3089\u5275\u9020\u7684\u306a\u57f7\u7b46\u3001\u7814\u7a76\u306a\u3069\u3001\u591a\u5c90\u306b\u308f\u305f\u308a\u307e\u3059\u3002\u5fc5\u8981\u306a\u30b9\u30ad\u30eb\u3092\u6709\u52b9\u306b\u3057\u3001OpenClaw\u306f\u3042\u306a\u305f\u306e\u4f5c\u696d\u30d5\u30ed\u30fc\u306b\u5373\u5ea7\u306b\u9069\u5fdc\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"screenshot-panel\" id=\"tab-chat\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \u30c1\u30e3\u30c3\u30c8<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2-scaled.png\" alt=\"OpenClaw Chat Interface\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83d\udcac<\/div>\n <div class=\"caption-text\">\n <h4>\u30c1\u30e3\u30c3\u30c8\u4f53\u9a13 \u2014 \u8fc5\u901f\u3067\u660e\u78ba\u3001\u305d\u3057\u3066\u5f37\u529b<\/h4>\n <p>OpenClaw\u306e\u30c1\u30e3\u30c3\u30c8\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u3001\u5b9f\u969b\u306e\u4f1a\u8a71\u306e\u305f\u3081\u306b\u4f5c\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u30e1\u30c3\u30bb\u30fc\u30b8\u306f\u30b3\u30fc\u30c9\u306e\u30cf\u30a4\u30e9\u30a4\u30c8\u3001\u30de\u30fc\u30af\u30c0\u30a6\u30f3\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3001\u3042\u306a\u305f\u306e\u8003\u3048\u306b\u8ffd\u3044\u3064\u304f\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306a\u5165\u529b\u30a8\u30ea\u30a2\u3067\u7f8e\u3057\u304f\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u4f1a\u8a71\u304c\u81ea\u7136\u3067\u3001\u8fc5\u901f\u3067\u3001\u771f\u306b\u5f79\u7acb\u3064\u3082\u306e\u306b\u611f\u3058\u3089\u308c\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section pricing\" id=\"download\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/div>\n <h2 class=\"section-title\">\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3002\u3069\u306eMac\u3067\u3082\u3002\u3059\u3050\u306b\u4f7f\u3048\u308b\u3002<\/h2>\n <p class=\"section-subtitle\">\n GetClawHub\u306fApple Silicon\u3068Intel Mac\u306e\u4e21\u65b9\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002\u304a\u4f7f\u3044\u306e\u30c1\u30c3\u30d7\u304c\u308f\u304b\u3089\u306a\u3044\u5834\u5408\u306f\u3001Apple\u30e1\u30cb\u30e5\u30fc\uff08\ud83c\udf4e\uff09\u3092\u30af\u30ea\u30c3\u30af \u2192 <em>\u3053\u306eMac\u306b\u3064\u3044\u3066<\/em> \u2014 look for \"Any Type of Apple.\n <\/p>\n <div class=\"pricing-grid\">\n <div class=\"plan featured\">\n <div class=\"plan-badge\">Apple Silicon<\/div>\n <div class=\"plan-name\">macOS \u00b7 M\u30b7\u30ea\u30fc\u30ba<\/div>\n <div class=\"plan-price\" style=\"font-size:2rem;\">\ud83c\udf4e Apple<\/div>\n <div class=\"plan-period\">M1 \u00b7 M2 \u00b7 M3 \u00b7 M4 \u4ee5\u964d<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li><span class=\"pf-icon\">\u26a1<\/span> \u30cd\u30a4\u30c6\u30a3\u30d6ARM64\u30d3\u30eb\u30c9 \u2014 \u8d85\u9ad8\u901f<\/li>\n <li><span class=\"pf-icon\">\ud83d\udd0b<\/span> \u52b9\u7387\u3068\u30d0\u30c3\u30c6\u30ea\u30fc\u5bff\u547d\u306b\u6700\u9069\u5316<\/li>\n <li><span class=\"pf-icon\">\ud83d\udcac<\/span> \u7121\u5236\u9650\u306e\u7121\u6599\u30c1\u30e3\u30c3\u30c8\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002\u767b\u9332\u4e0d\u8981<\/li>\n <li><span class=\"pf-icon\">\ud83d\udcdd<\/span> \u767b\u9332\u3057\u3066\u7121\u5236\u9650\u306e\u30a2\u30af\u30bb\u30b9\u3092\u89e3\u9664<\/li>\n <li><span class=\"pf-icon\">\ud83d\udd12<\/span> SHA-256\u691c\u8a3c\u6e08\u307f \u00b7 \u5e38\u306b\u6700\u65b0\u30d3\u30eb\u30c9<\/li>\n <\/ul>\n <a href=\"https:\/\/github.com\/firewolf189\/GetClowhub\/releases\/latest\/download\/GetClawHub.dmg\" target=\"_blank\" class=\"plan-btn solid\" rel=\"nofollow noopener\">\u2b07 Download for Apple<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align:center;margin-top:32px;font-size:0.85rem;color:var(--muted);\">\n \u2705 \u4e21\u65b9\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059 \u2014 \u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\u4e0d\u8981\u3067\u3059\u3002<br>\n \u7121\u6599\u30c1\u30e3\u30c3\u30c8\u306e\u5f8c\u3067 <strong>\u7121\u6599\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210<\/strong> \u7121\u5236\u9650\u30a2\u30af\u30bb\u30b9\u3092\u7d9a\u3051\u308b\u306b\u306f\u3002\n <\/p>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"testimonials\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u30e6\u30fc\u30b6\u30fc\u306e\u58f0<\/div>\n <h2 class=\"section-title\">OpenClaw\u30e6\u30fc\u30b6\u30fc\u6570\u5343\u4eba\u306b\u611b\u3055\u308c\u3066\u3044\u308b<\/h2>\n <div class=\"testi-grid\">\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u300c\u516c\u5f0f\u30ea\u30dd\u30b8\u30c8\u30ea\u304b\u3089OpenClaw\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3088\u3046\u3068\u3057\u30662\u65e5\u9593\u8a66\u884c\u932f\u8aa4\u3057\u3066\u3044\u307e\u3057\u305f\u3002GetClawHub\u306e\u304a\u304b\u3052\u3067\u3001\u5b9f\u8cea45\u79d2\u3067\u8d77\u52d5\u3067\u304d\u307e\u3057\u305f\u3002\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306f\u5b9f\u969b\u306b\u52d5\u4f5c\u3057\u307e\u3059 \u2014 \u30a8\u30e9\u30fc\u3082\u9762\u5012\u3082\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u300d<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#3a7ee8\">DK<\/div>\n <div><div class=\"testi-name\">\u30c7\u30a4\u30d3\u30c3\u30c9\u30fbK\u3002<\/div><div class=\"testi-role\">\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u6771\u4eac<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u300c\u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71\u306f\u5341\u5206\u3059\u304e\u308b\u307b\u3069\u3067\u3057\u305f\u3002\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u63d0\u6848\u66f8\u306e\u4f5c\u6210\u306b\u4f7f\u3044\u3001\u305d\u306e\u54c1\u8cea\u306b\u9a5a\u304d\u307e\u3057\u305f\u3002\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3066\u4ee5\u6765\u3001\u632f\u308a\u8fd4\u3063\u3066\u3044\u307e\u305b\u3093\u3002\u300d<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#e8763a\">SR<\/div>\n <div><div class=\"testi-name\">\u30bd\u30d5\u30a3\u30a2\u30fbR\u3002<\/div><div class=\"testi-role\">\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u3001\u6771\u4eac<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u300c\u79c1\u305f\u3061\u306e\u30c1\u30fc\u30e0\u5168\u4f53\u3092GetClawHub\u306b\u5207\u308a\u66ff\u3048\u3066\u3001Mac\u3067OpenClaw\u3092\u7ba1\u7406\u3057\u3066\u3044\u307e\u3059\u3002Apple Silicon\u3068Intel\u306e\u30de\u30b7\u30f3\u306e\u4e21\u65b9\u3067\u5b8c\u74a7\u306b\u52d5\u4f5c\u3057\u3001\u9069\u5207\u306a\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3092\u4f7f\u7528\u3057\u307e\u3057\u305f\u3002\u7686\u3059\u3050\u306b\u4f7f\u3044\u59cb\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002\u300d<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#3ac890\">MJ<\/div>\n <div><div class=\"testi-name\">\u30de\u30fc\u30ab\u30b9\u30fbJ\u3002<\/div><div class=\"testi-role\">CTO\u3001\u30b9\u30bf\u30fc\u30c8\u30a2\u30c3\u30d7\u4f01\u696d<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u300c\u79c1\u306f\u5168\u304f\u6280\u8853\u7684\u306a\u3053\u3068\u304c\u308f\u304b\u308a\u307e\u305b\u3093\u3002\u30ac\u30a4\u30c9\u4ed8\u304d\u8a2d\u5b9a\u30a6\u30a3\u30b6\u30fc\u30c9\u304c\u4e00\u6b69\u4e00\u6b69\u624b\u3092\u53d6\u308a\u306a\u304c\u3089\u6848\u5185\u3057\u3066\u304f\u308c\u307e\u3057\u305f\u3002\u4eca\u3067\u306f\u6bce\u65e5\u30b3\u30f3\u30c6\u30f3\u30c4\u4f5c\u6210\u306bOpenClaw\u3092\u4f7f\u3063\u3066\u304a\u308a\u3001\u3053\u308c\u306a\u3057\u3067\u306f\u4ed5\u4e8b\u304c\u3067\u304d\u306a\u3044\u3068\u601d\u3044\u307e\u3059\u3002\u300d<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#c843e8\">YP<\/div>\n <div><div class=\"testi-name\">\u30e6\u30ad\u30fbP\u3002<\/div><div class=\"testi-role\">\u30b3\u30f3\u30c6\u30f3\u30c4\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u3001\u6771\u4eac<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u691c\u8a3c\u6e08\u307f\u306e\u7f72\u540d\u6e08\u307f\u30d3\u30eb\u30c9\u306f\u79c1\u306b\u3068\u3063\u3066\u975e\u5e38\u306b\u91cd\u8981\u3067\u3059\u3002\u79c1\u306f\u4e2d\u898f\u6a21\u4f01\u696d\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u7ba1\u7406\u3057\u3066\u304a\u308a\u3001\u30e9\u30f3\u30c0\u30e0\u306a\u30d0\u30a4\u30ca\u30ea\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002GetClawHub\u306e\u6574\u5408\u6027\u30c1\u30a7\u30c3\u30af\u306b\u3088\u308a\u3001OpenClaw\u3092\u7d44\u7e54\u5168\u4f53\u306b\u5c55\u958b\u3059\u308b\u81ea\u4fe1\u304c\u6301\u3066\u307e\u3057\u305f\u3002<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#e84343\">AL<\/div>\n <div><div class=\"testi-name\">\u30a2\u30ec\u30c3\u30af\u30b9\u30fbL\u3002<\/div><div class=\"testi-role\">IT\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30de\u30cd\u30fc\u30b8\u30e3\u30fc<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u901a\u77e5\u306f\u79c1\u306e\u304a\u6c17\u306b\u5165\u308a\u306e\u5c0f\u3055\u306a\u6a5f\u80fd\u3067\u3059\u3002\u30ea\u30ea\u30fc\u30b9\u30ce\u30fc\u30c8\u3092\u78ba\u8a8d\u3057\u305f\u308a\u3001\u624b\u52d5\u3067\u518d\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305f\u308a\u305b\u305a\u306b\u3001\u5e38\u306b\u6700\u65b0\u306eOpenClaw\u30e2\u30c7\u30eb\u306e\u6539\u5584\u3092\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#43a8e8\">TW<\/div>\n <div><div class=\"testi-name\">\u30bf\u30e9\u30fbW\u3002<\/div><div class=\"testi-role\">\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u6771\u4eac<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"cta-final\">\n <h2>OpenClaw\u306b\u4f1a\u3046\u6e96\u5099\u306f\u3067\u304d\u307e\u3057\u305f\u304b\uff1f<\/h2>\n <p>\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30021\u5206\u4ee5\u5185\u306b\u30c1\u30e3\u30c3\u30c8\u3092\u958b\u59cb\u3002\u7121\u5236\u9650\u306e\u7121\u6599\u4f1a\u8a71\u304c\u3042\u306a\u305f\u3092\u5f85\u3063\u3066\u3044\u307e\u3059 \u2014 \u30ab\u30fc\u30c9\u3082\u4e0d\u8981\u3001\u9762\u5012\u3082\u306a\u3057\u3002<\/p>\n <a href=\"https:\/\/www.getclawhub.com\/ja\/download\/mac\/\" target=\"_blank\" class=\"btn-white\">\u2b07 \u00a0 OpenClaw \u7121\u6599\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a>\n <p class=\"cta-note\">macOS Apple \u00b7 Auto-detected \u00b7 Always verified<\/p>\n<\/section>\n\n<footer>\n <div class=\"footer-inner-simple\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\" style=\"color: var(--paper);\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/getclawhub-logo-white-title.webp\" alt=\"GetClawHub\" style=\"height:50px; width: auto;\">\n <\/a>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#why\">\u306a\u305c\u79c1\u305f\u3061\u3092\u9078\u3076\u306e\u304b<\/a>\n <a href=\"#how\">\u4ed5\u7d44\u307f<\/a>\n <a href=\"#models\">Models<\/a>\n <a href=\"#new-features\">New Features<\/a>\n <a href=\"#screenshots\">\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8<\/a>\n <a href=\"https:\/\/www.getclawhub.com\/ja\/privacy-policy\/\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n <a href=\"https:\/\/www.getclawhub.com\/ja\/terms-of-service\/\">\u5229\u7528\u898f\u7d04<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2025 GetClawHub. \u5168\u8457\u4f5c\u6a29\u6240\u6709\u3002<\/span>\n <span>\u4e16\u754c\u4e2d\u306eOpenClaw\u30e6\u30fc\u30b6\u30fc\u306e\u305f\u3081\u306b\u4e01\u5be7\u306b\u4f5c\u6210\u3002<\/span>\n <\/div>\n<\/footer>\n\n<script>\n function showTab(name) {\n \/\/ Hide all panels\n document.querySelectorAll('.screenshot-panel').forEach(p => p.classList.remove('active'));\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n \/\/ Show selected\n document.getElementById('tab-' + name).classList.add('active');\n event.currentTarget.classList.add('active');\n }\n\n \/\/ Carousel functions\n const carouselState = {};\n\n function moveCarousel(carouselId, direction) {\n const carousel = document.getElementById(carouselId);\n const track = carousel.querySelector('.carousel-track');\n const slides = carousel.querySelectorAll('.carousel-slide');\n const dots = carousel.querySelectorAll('.carousel-dot');\n const totalSlides = slides.length;\n\n if (!carouselState[carouselId]) {\n carouselState[carouselId] = 0;\n }\n\n carouselState[carouselId] += direction;\n\n if (carouselState[carouselId] < 0) {\n carouselState[carouselId] = totalSlides - 1;\n } else if (carouselState[carouselId] >= totalSlides) {\n carouselState[carouselId] = 0;\n }\n\n track.style.transform = `translateX(-${carouselState[carouselId] * 100}%)`;\n\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === carouselState[carouselId]);\n });\n }\n\n function goToSlide(carouselId, slideIndex) {\n const carousel = document.getElementById(carouselId);\n const track = carousel.querySelector('.carousel-track');\n const slides = carousel.querySelectorAll('.carousel-slide');\n const dots = carousel.querySelectorAll('.carousel-dot');\n const totalSlides = slides.length;\n\n carouselState[carouselId] = slideIndex;\n\n if (carouselState[carouselId] < 0) {\n carouselState[carouselId] = totalSlides - 1;\n } else if (carouselState[carouselId] >= totalSlides) {\n carouselState[carouselId] = 0;\n }\n\n track.style.transform = `translateX(-${carouselState[carouselId] * 100}%)`;\n\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === carouselState[carouselId]);\n });\n }\n\n \/\/ Auto-play carousel (optional)\n setInterval(() => {\n if (document.getElementById('agentCarousel')) {\n moveCarousel('agentCarousel', 1);\n }\n }, 5000);\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1214","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/pages\/1214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/comments?post=1214"}],"version-history":[{"count":133,"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/pages\/1214\/revisions"}],"predecessor-version":[{"id":1640,"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/pages\/1214\/revisions\/1640"}],"wp:attachment":[{"href":"https:\/\/www.getclawhub.com\/ja\/wp-json\/wp\/v2\/media?parent=1214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}