The website used redrawn brand marks, generated icons retained opaque white edges, and adjacent download and Runtime sections accumulated excessive vertical space. It now uses synchronized official theme icons with transparent antialiased edges and a consistent responsive section rhythm. Release note: 官网与应用图标现统一使用官方 GoodBuddy 标识,并优化下载区与 Agent Runtime 区之间的页面间距。
458 lines
21 KiB
HTML
458 lines
21 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta
|
||
name="description"
|
||
content="GoodBuddy 是跨平台桌面助手与 AI 编程工具台,以统一 Agent Runtime 连接直连模型、OpenCode、Continue 与 DeepSeek Harness。"
|
||
/>
|
||
<link rel="canonical" href="https://mesalogo.github.io/goodbuddy/" />
|
||
<meta name="theme-color" content="#f6f8fb" />
|
||
<title>GoodBuddy|桌面助手与 AI 编程工具台</title>
|
||
<link
|
||
rel="icon"
|
||
href="./assets/goodbuddy-light.png"
|
||
type="image/png"
|
||
media="(prefers-color-scheme: light)"
|
||
/>
|
||
<link
|
||
rel="icon"
|
||
href="./assets/goodbuddy-dark.png"
|
||
type="image/png"
|
||
media="(prefers-color-scheme: dark)"
|
||
/>
|
||
<link rel="stylesheet" href="./styles.css" />
|
||
<script>
|
||
(() => {
|
||
try {
|
||
const savedTheme = localStorage.getItem("goodbuddy-site-theme");
|
||
const systemDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
||
document.documentElement.dataset.theme =
|
||
savedTheme === "light" || savedTheme === "dark"
|
||
? savedTheme
|
||
: systemDark
|
||
? "dark"
|
||
: "light";
|
||
} catch {
|
||
document.documentElement.dataset.theme = "light";
|
||
}
|
||
})();
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#main-content">跳到主要内容</a>
|
||
|
||
<header class="site-header" data-site-header>
|
||
<div class="header-inner">
|
||
<a class="brand" href="#home" aria-label="GoodBuddy 首页">
|
||
<span class="brand-icon" aria-hidden="true">
|
||
<img class="brand-icon__image brand-icon__image--light" src="./assets/goodbuddy-light.png" alt="" />
|
||
<img class="brand-icon__image brand-icon__image--dark" src="./assets/goodbuddy-dark.png" alt="" />
|
||
</span>
|
||
<span>GoodBuddy</span>
|
||
</a>
|
||
|
||
<button
|
||
class="icon-button menu-toggle"
|
||
type="button"
|
||
aria-label="打开导航"
|
||
aria-expanded="false"
|
||
aria-controls="site-navigation"
|
||
data-menu-toggle
|
||
>
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M4 7h16M4 12h16M4 17h16" />
|
||
</svg>
|
||
</button>
|
||
|
||
<nav class="site-navigation" id="site-navigation" aria-label="主导航" data-navigation>
|
||
<a href="#download">下载</a>
|
||
<a href="#features">Agent Runtime</a>
|
||
<a href="#assistant">桌面助手</a>
|
||
</nav>
|
||
|
||
<div class="header-actions">
|
||
<button class="icon-button" type="button" aria-label="切换为深色主题" data-theme-toggle>
|
||
<svg class="theme-icon theme-icon--sun" viewBox="0 0 24 24" aria-hidden="true">
|
||
<circle cx="12" cy="12" r="4" />
|
||
<path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4" />
|
||
</svg>
|
||
<svg class="theme-icon theme-icon--moon" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M20.4 14.6A8.5 8.5 0 0 1 9.4 3.6a8.5 8.5 0 1 0 11 11Z" />
|
||
</svg>
|
||
</button>
|
||
<a
|
||
class="button button--quiet header-github"
|
||
href="https://github.com/mesalogo/goodbuddy"
|
||
target="_blank"
|
||
rel="noreferrer"
|
||
>
|
||
GitHub
|
||
<span class="sr-only">(在新窗口打开)</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main id="main-content">
|
||
<section class="hero section" id="home" aria-labelledby="hero-title">
|
||
<div class="section-inner hero-grid">
|
||
<div class="hero-copy">
|
||
<div class="eyebrow">
|
||
<span class="status-dot" aria-hidden="true"></span>
|
||
Windows · macOS · Linux
|
||
</div>
|
||
<h1 id="hero-title">桌面助手,<br /><span>也是 AI 编程工具台。</span></h1>
|
||
<p class="hero-lead">
|
||
GoodBuddy 管理对话、知识、笔记与任务,也通过独创的统一 Agent Runtime
|
||
接入直连模型、OpenCode、Continue 和 DeepSeek Harness。
|
||
无需反复配置命令行,选择工具和项目即可开始。
|
||
</p>
|
||
<div class="hero-actions">
|
||
<a class="button button--primary" href="#download">立即下载</a>
|
||
<a class="button button--secondary" href="#features">了解 Agent Runtime</a>
|
||
</div>
|
||
<ul class="hero-facts" aria-label="产品特性概览">
|
||
<li>
|
||
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="m5 10 3 3 7-7" /></svg>
|
||
3 大桌面系统,x64 / arm64
|
||
</li>
|
||
<li>
|
||
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="m5 10 3 3 7-7" /></svg>
|
||
4 类 Agent Runtime 统一接入
|
||
</li>
|
||
<li>
|
||
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="m5 10 3 3 7-7" /></svg>
|
||
图形化配置,执行仍受控
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div
|
||
class="product-stage"
|
||
role="img"
|
||
aria-label="GoodBuddy 桌面应用界面示意:在统一 Agent Runtime 中选择 AI 编程工具并受控执行"
|
||
data-tilt-stage
|
||
>
|
||
<div class="stage-glow stage-glow--one"></div>
|
||
<div class="stage-glow stage-glow--two"></div>
|
||
<div class="app-window" data-tilt-card>
|
||
<div class="window-bar">
|
||
<div class="window-dots" aria-hidden="true"><span></span><span></span><span></span></div>
|
||
<div class="window-title">GoodBuddy</div>
|
||
<div class="window-status"><span></span> Runtime 已连接</div>
|
||
</div>
|
||
<div class="app-layout">
|
||
<aside class="app-sidebar" aria-hidden="true">
|
||
<div class="mini-brand">
|
||
<span class="brand-icon" aria-hidden="true">
|
||
<img class="brand-icon__image brand-icon__image--light" src="./assets/goodbuddy-light.png" alt="" />
|
||
<img class="brand-icon__image brand-icon__image--dark" src="./assets/goodbuddy-dark.png" alt="" />
|
||
</span>
|
||
</div>
|
||
<div class="side-item is-active"><span></span>对话</div>
|
||
<div class="side-item"><span></span>知识库</div>
|
||
<div class="side-item"><span></span>魔法笔记</div>
|
||
<div class="side-item"><span></span>智能心跳</div>
|
||
<div class="side-item"><span></span>任务与活动</div>
|
||
<div class="sidebar-spacer"></div>
|
||
<div class="side-item"><span></span>设置</div>
|
||
</aside>
|
||
<div class="app-content">
|
||
<div class="app-content-header">
|
||
<div>
|
||
<strong>修复跨平台构建</strong>
|
||
<span>项目:桌面客户端</span>
|
||
</div>
|
||
<div class="mode-pill">Continue · 执行</div>
|
||
</div>
|
||
<div class="message-area">
|
||
<div class="message message--user">修复构建问题,并验证三个桌面系统。</div>
|
||
<div class="message message--assistant">
|
||
<div class="assistant-label">
|
||
<span class="assistant-avatar" aria-hidden="true">
|
||
<span class="brand-icon">
|
||
<img class="brand-icon__image brand-icon__image--light" src="./assets/goodbuddy-light.png" alt="" />
|
||
<img class="brand-icon__image brand-icon__image--dark" src="./assets/goodbuddy-dark.png" alt="" />
|
||
</span>
|
||
</span>
|
||
<strong>GoodBuddy</strong>
|
||
</div>
|
||
<p>已通过 Agent Runtime 载入项目、Skills 和受控工具。</p>
|
||
<div class="tool-card">
|
||
<div class="tool-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6h16M4 12h10M4 18h7" /></svg>
|
||
</div>
|
||
<div><strong>准备编程环境</strong><span>Continue · 项目范围 · 受控工具</span></div>
|
||
<span class="tool-state">已就绪</span>
|
||
</div>
|
||
<div class="plan-lines" aria-hidden="true"><span></span><span></span><span></span></div>
|
||
</div>
|
||
</div>
|
||
<div class="composer">
|
||
<span>描述你想完成的编程任务…</span>
|
||
<div class="composer-actions"><span>执行</span><b>↑</b></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="floating-card floating-card--approval">
|
||
<span class="floating-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3 5 6v5c0 4.5 2.8 8.6 7 10 4.2-1.4 7-5.5 7-10V6l-7-3Z" /><path d="m9 12 2 2 4-4" /></svg>
|
||
</span>
|
||
<span><strong>统一 Agent Runtime</strong><small>直连模型 · OpenCode · Continue · DSH</small></span>
|
||
</div>
|
||
<div class="floating-card floating-card--scope">
|
||
<span class="scope-dot"></span>
|
||
<span><strong>跨平台可用</strong><small>Windows · macOS · Linux</small></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="proof-strip" aria-label="平台与 Runtime 支持概览">
|
||
<div class="section-inner proof-grid">
|
||
<div><strong>3 大系统</strong><span>Windows / macOS / Linux</span></div>
|
||
<div><strong>2 种架构</strong><span>x64 / arm64</span></div>
|
||
<div><strong>4 类 Runtime</strong><span>多种 AI 编程路径</span></div>
|
||
<div><strong>1 个入口</strong><span>选择、配置、运行、审计</span></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section download-section" id="download" aria-label="跨平台下载">
|
||
<div class="section-inner">
|
||
<div class="download-grid">
|
||
<article class="download-card">
|
||
<div class="platform-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="m3 5 8-1v8H3V5Zm10-1.3L21 3v9h-8V3.7ZM3 14h8v8l-8-1v-7Zm10 0h8v9l-8-1v-8Z" />
|
||
</svg>
|
||
</div>
|
||
<div><h3>Windows</h3><p>x64 / arm64 · NSIS / 便携版</p></div>
|
||
<a
|
||
class="button button--download"
|
||
href="https://github.com/mesalogo/goodbuddy/releases/latest"
|
||
target="_blank"
|
||
rel="noreferrer"
|
||
data-release-link
|
||
>下载 Windows 版<span class="sr-only">(在新窗口打开)</span></a>
|
||
</article>
|
||
<article class="download-card">
|
||
<div class="platform-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M16.8 12.7c0-2.7 2.2-4 2.3-4.1A5 5 0 0 0 15.2 6c-1.7-.2-3.2 1-4.1 1-.9 0-2.2-1-3.6-1-1.8 0-3.5 1.1-4.5 2.7-2 3.5-.5 8.7 1.4 11.5.9 1.4 2 2.8 3.5 2.7 1.4 0 1.9-.9 3.7-.9 1.7 0 2.2.9 3.7.9s2.5-1.4 3.4-2.7a10 10 0 0 0 1.6-3.3 4.6 4.6 0 0 1-3.5-4.2ZM14.1 4.3A4.7 4.7 0 0 0 15.2 1a4.8 4.8 0 0 0-3.1 1.6A4.4 4.4 0 0 0 11 5.8c1.2.1 2.3-.5 3.1-1.5Z" />
|
||
</svg>
|
||
</div>
|
||
<div><h3>macOS</h3><p>x64 / arm64 · DMG / ZIP</p></div>
|
||
<a
|
||
class="button button--download"
|
||
href="https://github.com/mesalogo/goodbuddy/releases/latest"
|
||
target="_blank"
|
||
rel="noreferrer"
|
||
data-release-link
|
||
>下载 macOS 版<span class="sr-only">(在新窗口打开)</span></a>
|
||
</article>
|
||
<article class="download-card">
|
||
<div class="platform-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M12 3c-3 0-4.7 2.5-4.5 5.4-1.3 1.4-2 3.4-2 5.6 0 3.9 2.9 7 6.5 7s6.5-3.1 6.5-7c0-2.2-.7-4.2-2-5.6C16.7 5.5 15 3 12 3Z" />
|
||
<path d="M9.3 10.2h.1M14.6 10.2h.1M9.5 15c1.6 1.2 3.4 1.2 5 0M7 19l-2 2M17 19l2 2" />
|
||
</svg>
|
||
</div>
|
||
<div><h3>Linux</h3><p>x64 / arm64 · AppImage / DEB</p></div>
|
||
<a
|
||
class="button button--download"
|
||
href="https://github.com/mesalogo/goodbuddy/releases/latest"
|
||
target="_blank"
|
||
rel="noreferrer"
|
||
data-release-link
|
||
>下载 Linux 版<span class="sr-only">(在新窗口打开)</span></a>
|
||
</article>
|
||
</div>
|
||
|
||
<aside class="domestic-support" aria-labelledby="domestic-support-title">
|
||
<div>
|
||
<p class="kicker">国产化适配</p>
|
||
<h3 id="domestic-support-title">统信 UOS、银河麒麟,覆盖国产 x64 与 ARM64</h3>
|
||
<p>使用对应的 Linux x64 或 arm64 安装包。</p>
|
||
</div>
|
||
<div class="domestic-support__items">
|
||
<div><span>国产系统</span><strong>统信 UOS · 银河麒麟</strong></div>
|
||
<div>
|
||
<span>国产 CPU</span>
|
||
<strong>海光 · 兆芯(x64)<br />鲲鹏 · 飞腾(ARM64)</strong>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section features-section" id="features" aria-labelledby="features-title">
|
||
<div class="section-inner">
|
||
<div class="section-heading">
|
||
<div>
|
||
<p class="kicker">独创 Agent Runtime</p>
|
||
<h2 id="features-title">不同工具,同一种使用方式</h2>
|
||
</div>
|
||
<p>
|
||
把 Runtime 选择、模型连接、Skills、MCP 和权限控制集中到桌面界面。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="feature-grid">
|
||
<article class="feature-card feature-card--wide feature-card--accent">
|
||
<div class="feature-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<circle cx="12" cy="12" r="3" />
|
||
<path d="M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" />
|
||
</svg>
|
||
</div>
|
||
<span class="feature-number">01</span>
|
||
<h3>一个入口,连接多种 Agent Runtime</h3>
|
||
<p>按任务选择直连模型、OpenCode、Continue 或 DeepSeek Harness,不必为每种工具重新适应一套入口。</p>
|
||
<div class="provider-pills" aria-label="支持的 Agent Runtime">
|
||
<span>直连模型</span><span>OpenCode</span><span>Continue</span><span>DeepSeek Harness</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="feature-card">
|
||
<div class="feature-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M4 5h16v14H4zM8 22h8M12 19v3" />
|
||
<path d="M7 9h2M11 9h2M15 9h2M7 13h10" />
|
||
</svg>
|
||
</div>
|
||
<span class="feature-number">02</span>
|
||
<h3>覆盖主流桌面系统</h3>
|
||
<p>Windows、macOS、Linux 同步提供 x64 与 arm64 架构版本。</p>
|
||
</article>
|
||
|
||
<article class="feature-card">
|
||
<div class="feature-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M5 4h14v16H5zM8 8h8M8 12h5" />
|
||
<path d="m14 16 2 2 3-4" />
|
||
</svg>
|
||
</div>
|
||
<span class="feature-number">03</span>
|
||
<h3>更低的入门门槛</h3>
|
||
<p>在图形界面中选择 Runtime、模型、工作模式和项目,不用先记住复杂命令。</p>
|
||
</article>
|
||
|
||
<article class="feature-card">
|
||
<div class="feature-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M12 3 5 6v5c0 4.5 2.8 8.6 7 10 4.2-1.4 7-5.5 7-10V6l-7-3Z" />
|
||
<path d="M9 12h6M12 9v6" />
|
||
</svg>
|
||
</div>
|
||
<span class="feature-number">04</span>
|
||
<h3>能力统一,边界不打折</h3>
|
||
<p>Skills、MCP 和工具按 Runtime 分配;Ask 保持只读,Execute 继续经过审批和审计。</p>
|
||
<div class="mode-row" aria-label="两种工作模式">
|
||
<span>Ask <small>只读</small></span>
|
||
<span class="is-accent">Execute <small>受控执行</small></span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="feature-card">
|
||
<div class="feature-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M4 6.5C4 5.1 5.1 4 6.5 4H10l2 2h5.5C18.9 6 20 7.1 20 8.5v9c0 1.4-1.1 2.5-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5v-11Z" />
|
||
<path d="M8 11h8M8 15h5" />
|
||
</svg>
|
||
</div>
|
||
<span class="feature-number">05</span>
|
||
<h3>项目上下文集中管理</h3>
|
||
<p>对话、知识、任务和运行记录按项目组织,切换 Runtime 不必丢掉工作上下文。</p>
|
||
</article>
|
||
|
||
<article class="feature-card feature-card--wide">
|
||
<div class="feature-icon">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M4 13h3l2-6 4 12 2-6h5" />
|
||
<path d="M4 4h16v16H4z" />
|
||
</svg>
|
||
</div>
|
||
<span class="feature-number">06</span>
|
||
<h3>从运行到结果,全程可追踪</h3>
|
||
<p>统一查看工具调用、取消、超时、Token 用量和活动记录,知道 Runtime 做了什么。</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section assistant-section" id="assistant" aria-labelledby="assistant-title">
|
||
<div class="section-inner assistant-grid">
|
||
<div class="assistant-intro">
|
||
<div class="assistant-mark" aria-hidden="true">
|
||
<span class="brand-icon">
|
||
<img class="brand-icon__image brand-icon__image--light" src="./assets/goodbuddy-light.png" alt="" />
|
||
<img class="brand-icon__image brand-icon__image--dark" src="./assets/goodbuddy-dark.png" alt="" />
|
||
</span>
|
||
</div>
|
||
<p class="kicker">桌面助手</p>
|
||
<h2 id="assistant-title">对话、知识、笔记与任务,都在桌面上</h2>
|
||
<p>
|
||
GoodBuddy 把资料、待办和长期任务放进同一个桌面工作区,
|
||
日常协作与 AI 编程共享项目上下文。
|
||
</p>
|
||
<a
|
||
class="text-link"
|
||
href="#download"
|
||
>
|
||
选择你的桌面版本
|
||
<span aria-hidden="true">↓</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="assistant-list">
|
||
<article>
|
||
<span class="assistant-number">01</span>
|
||
<div><h3>资料变成可问的知识</h3><p>导入文件、目录和网页,用全文、向量和知识图谱一起检索。</p></div>
|
||
</article>
|
||
<article>
|
||
<span class="assistant-number">02</span>
|
||
<div><h3>笔记、待办和长期跟进</h3><p>魔法笔记管理灵感与待办,智能心跳持续回顾、沉淀记忆并提出后续任务。</p></div>
|
||
</article>
|
||
<article>
|
||
<span class="assistant-number">03</span>
|
||
<div><h3>直接理解你的桌面</h3><p>按需加入文件、截图、应用窗口、剪贴板和离线语音,不用来回搬运内容。</p></div>
|
||
</article>
|
||
<article>
|
||
<span class="assistant-number">04</span>
|
||
<div><h3>离开电脑也能继续</h3><p>通过微信、企业微信和钉钉连接独立会话,把任务交给桌面上的 GoodBuddy。</p></div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="section-inner footer-inner">
|
||
<a class="brand brand--footer" href="#home" aria-label="返回 GoodBuddy 首页">
|
||
<span class="brand-icon" aria-hidden="true">
|
||
<img class="brand-icon__image brand-icon__image--light" src="./assets/goodbuddy-light.png" alt="" />
|
||
<img class="brand-icon__image brand-icon__image--dark" src="./assets/goodbuddy-dark.png" alt="" />
|
||
</span>
|
||
<span>GoodBuddy</span>
|
||
</a>
|
||
<p>桌面助手|AI 编程工具台</p>
|
||
<div class="footer-links">
|
||
<a href="#download">下载</a>
|
||
<a href="#features">Agent Runtime</a>
|
||
<a href="#assistant">桌面助手</a>
|
||
<a href="https://github.com/mesalogo/goodbuddy" target="_blank" rel="noreferrer">
|
||
GitHub<span class="sr-only">(在新窗口打开)</span>
|
||
</a>
|
||
</div>
|
||
<small>© <span data-current-year></span> GoodBuddy. 本站不使用第三方统计脚本。</small>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="./app.js"></script>
|
||
</body>
|
||
</html>
|