gongzhiyong
ca6289fab4
- website: 单页落地（愿景、架构、路径、团队范式、生命周期） - nginx:alpine 镜像与 docker-compose（端口 8888） Made-with: Cursor
317 lines
13 KiB
HTML
317 lines
13 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="Heicode — 面向团队的智能体软件交付：New API、CLI/Desktop、Agnet 子智能体团队与全生命周期自动化。"
|
||
/>
|
||
<title>Heicode · 智能体驱动的团队交付</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap"
|
||
rel="stylesheet"
|
||
/>
|
||
<link rel="stylesheet" href="css/styles.css" />
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#main">跳到正文</a>
|
||
|
||
<header class="site-header">
|
||
<div class="wrap nav-inner">
|
||
<a href="#" class="logo" aria-label="Heicode 首页">
|
||
<span class="logo-mark">H</span>
|
||
Heicode
|
||
</a>
|
||
<nav aria-label="主导航">
|
||
<ul>
|
||
<li><a href="#vision">愿景</a></li>
|
||
<li><a href="#architecture">架构</a></li>
|
||
<li><a href="#journey">体验路径</a></li>
|
||
<li><a href="#teams">团队范式</a></li>
|
||
<li><a href="#lifecycle">生命周期</a></li>
|
||
<li><a href="#docs">文档</a></li>
|
||
</ul>
|
||
</nav>
|
||
<a class="btn btn-primary" href="#cta">开始使用</a>
|
||
</div>
|
||
</header>
|
||
|
||
<main id="main">
|
||
<section class="hero">
|
||
<div class="wrap hero-grid">
|
||
<div>
|
||
<div class="badge-row">
|
||
<span class="badge">New API</span>
|
||
<span class="badge">CLI · Desktop</span>
|
||
<span class="badge">Agnet</span>
|
||
<span class="badge">多云交付</span>
|
||
</div>
|
||
<h1>从想法到上线<br />用智能体团队完成整条交付链</h1>
|
||
<p class="lead">
|
||
Heicode 将<strong>改造后的大模型网关</strong>、<strong>类 Claude Code 的终端与桌面客户端</strong>，以及
|
||
<strong>Agnet 平台上的子智能体团队</strong>连成一体：需求、实现、测试、部署与运维在同一范式下可审计、可扩展。
|
||
</p>
|
||
<div class="hero-actions">
|
||
<a class="btn btn-primary" href="#architecture">了解架构</a>
|
||
<a class="btn btn-ghost" href="#teams">查看团队模板</a>
|
||
</div>
|
||
</div>
|
||
<aside class="hero-panel" aria-label="集成示意">
|
||
<div><span class="comment">// Heicode 集成骨架（示意）</span></div>
|
||
<div><span class="key">platform</span>: {</div>
|
||
<div> <span class="key">gateway</span>: <span class="str">"new-api"</span>,</div>
|
||
<div> <span class="key">client</span>: <span class="str">"cc-haha-cli-desktop"</span>,</div>
|
||
<div> <span class="key">agents</span>: <span class="str">"agnet-squads"</span>,</div>
|
||
<div> <span class="key">clouds</span>: [<span class="str">"gcp"</span>, <span class="str">"aws"</span>, <span class="str">"azure"</span>]</div>
|
||
<div>}</div>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="vision">
|
||
<div class="wrap">
|
||
<h2 class="section-title">我们在解决什么问题</h2>
|
||
<p class="section-desc">
|
||
单一编码插件只能加速「写代码」；Heicode 面向<strong>团队与组织</strong>，把自动化扩展到规格、协作、质量门禁、多云发布与运维迭代，并形成可追溯的产物（文档、日志、多智能体沟通）。
|
||
</p>
|
||
<div class="grid-3">
|
||
<article class="card">
|
||
<h3>统一账号与模型策略</h3>
|
||
<p>登录改造后的 New API 控制台，管理令牌、配额与渠道策略，终端与桌面客户端与服务端对齐同一身份。</p>
|
||
</article>
|
||
<article class="card">
|
||
<h3>可编排的子智能体团队</h3>
|
||
<p>在 Agnet 一键部署瀑布或敏捷模板（5～9 / 3～8 子 Agnet），按角色分工覆盖从需求到上线的闸门。</p>
|
||
</article>
|
||
<article class="card">
|
||
<h3>全生命周期与可审计</h3>
|
||
<p>Git 与云资源在策略下自动化；交付物与版本、发布关联，支持多成员协作下的沟通与开发日志沉淀。</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="architecture">
|
||
<div class="wrap">
|
||
<h2 class="section-title">逻辑架构</h2>
|
||
<p class="section-desc">
|
||
浏览器与 CLI/Desktop 共用网关能力；Agnet 承载子智能体编排；外部系统（Git、公有云、CI/CD）在最小权限原则下接入。
|
||
</p>
|
||
<div class="arch-diagram">
|
||
<div class="arch-box">
|
||
<h4>体验层</h4>
|
||
<ul>
|
||
<li>官网 / 文档</li>
|
||
<li>New API 控制台</li>
|
||
<li>CLI · Desktop（Tauri）</li>
|
||
</ul>
|
||
</div>
|
||
<div class="arch-box">
|
||
<h4>平台层</h4>
|
||
<ul>
|
||
<li>改造后的 New API（账号 · 计费 · 中继）</li>
|
||
<li>本地服务 / API 路由（cc-haha）</li>
|
||
</ul>
|
||
</div>
|
||
<div class="arch-box">
|
||
<h4>执行与基础设施</h4>
|
||
<ul>
|
||
<li>Agnet：子智能体团队 · 有状态实例</li>
|
||
<li>Git · GCP · AWS · Azure</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="journey">
|
||
<div class="wrap">
|
||
<h2 class="section-title">核心用户路径</h2>
|
||
<p class="section-desc">从访问官网到持续迭代，目标体验拆成可落地的五步。</p>
|
||
<div class="flow">
|
||
<div class="flow-step">
|
||
<strong>发现</strong>
|
||
<span>访问官网，了解范式与下载入口。</span>
|
||
</div>
|
||
<div class="flow-step">
|
||
<strong>登录控制台</strong>
|
||
<span>进入改造后的 New API，查看令牌与策略。</span>
|
||
</div>
|
||
<div class="flow-step">
|
||
<strong>安装客户端</strong>
|
||
<span>下载 CLI / Desktop，登录后与网关对齐会话。</span>
|
||
</div>
|
||
<div class="flow-step">
|
||
<strong>部署子团队</strong>
|
||
<span>在 Agnet 一键拉起瀑布或敏捷子 Agnet 队列。</span>
|
||
</div>
|
||
<div class="flow-step">
|
||
<strong>交付与迭代</strong>
|
||
<span>开发、测试、发布、观测与计划任务更新。</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="teams">
|
||
<div class="wrap">
|
||
<h2 class="section-title">团队范式（子 Agnet）</h2>
|
||
<p class="section-desc">
|
||
规模设计兼顾协调成本：瀑布强调阶段闸门（最小 5、最大 9）；敏捷强调迭代闭环（最小 3、最大 8）。详细职责见仓库内愿景文档。
|
||
</p>
|
||
<div class="team-grid">
|
||
<div class="team-block">
|
||
<div class="team-head">
|
||
<h3>瀑布模式</h3>
|
||
<span class="team-meta">最小 5 · 最大 9</span>
|
||
</div>
|
||
<div class="team-body">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>代号</th>
|
||
<th>角色</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><span class="role-tag">WF-BA</span></td>
|
||
<td>业务/需求分析师</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="role-tag">WF-ARC</span></td>
|
||
<td>解决方案架构师</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="role-tag">WF-DEV</span></td>
|
||
<td>软件工程师（最小配置）</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="role-tag">WF-QA</span></td>
|
||
<td>测试工程师</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="role-tag">WF-REL</span></td>
|
||
<td>发布与运维工程师</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<p style="margin: 1rem 0 0; font-size: 0.85rem; color: var(--muted)">
|
||
最大配置扩展为 PM、前后端分立、安全、文档等专岗 — 详见文档第五节。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="team-block">
|
||
<div class="team-head">
|
||
<h3>敏捷模式</h3>
|
||
<span class="team-meta">最小 3 · 最大 8</span>
|
||
</div>
|
||
<div class="team-body">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>代号</th>
|
||
<th>角色</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><span class="role-tag">AG-PO</span></td>
|
||
<td>产品负责人</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="role-tag">AG-DEV</span></td>
|
||
<td>软件工程师</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="role-tag">AG-QA</span></td>
|
||
<td>测试工程师</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<p style="margin: 1rem 0 0; font-size: 0.85rem; color: var(--muted)">
|
||
最大配置增加 SM、Tech Lead、双轨 Dev、UX、SRE — 超出 8 人等价容量时拆第二支 Squad。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="lifecycle">
|
||
<div class="wrap">
|
||
<h2 class="section-title">软件生命周期</h2>
|
||
<p class="section-desc">同一范式覆盖规格、实现、验证、发布、运维与迭代；敏感操作由策略与人机审批约束。</p>
|
||
<div class="lifecycle">
|
||
<article class="card">
|
||
<small>规格 · 协作</small>
|
||
<h3>需求与设计</h3>
|
||
<p>PRD、接口契约、风险与非功能需求落档，与子 Agnet 角色对齐。</p>
|
||
</article>
|
||
<article class="card">
|
||
<small>构建 · 质量</small>
|
||
<h3>实现与测试</h3>
|
||
<p>代码、评审、自动化测试与质量门禁，绑定分支与 CI。</p>
|
||
</article>
|
||
<article class="card">
|
||
<small>发布 · 运维</small>
|
||
<h3>部署与迭代</h3>
|
||
<p>多云发布、可观测、回滚与 Runbook；计划任务驱动持续迭代。</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="docs">
|
||
<div class="wrap">
|
||
<h2 class="section-title">文档与参考</h2>
|
||
<p class="section-desc">
|
||
仓库内维护完整愿景与角色表；外部可参考 Claude Code 生态实践（如 oh-my-claudecode）。Agnet 与 New API 以实际部署环境为准。
|
||
</p>
|
||
<div class="grid-3">
|
||
<article class="card">
|
||
<h3>愿景范式（仓库）</h3>
|
||
<p><code>docs/vision-heicode-full-stack-agentic-dev.md</code></p>
|
||
</article>
|
||
<article class="card">
|
||
<h3>Oh My Claude Code</h3>
|
||
<p>
|
||
<a href="https://ohmyclaudecode.com/" rel="noopener noreferrer" target="_blank">ohmyclaudecode.com</a>
|
||
— 终端效率实践参考
|
||
</p>
|
||
</article>
|
||
<article class="card">
|
||
<h3>本地预览本站</h3>
|
||
<p>在项目根目录执行 <code>docker compose up --build</code>，浏览器访问站点端口。</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="cta" id="cta">
|
||
<div class="wrap">
|
||
<div class="cta-box">
|
||
<h2>把「想法」连接到你的平台现实</h2>
|
||
<p>
|
||
Heicode 正在把网关、客户端与 Agnet 团队揉合成一条可落地的交付链。下一步：冻结账号契约、打通一键部署与状态回传。
|
||
</p>
|
||
<a class="btn btn-primary" href="#architecture">返回架构</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="wrap footer-row">
|
||
<span>© Heicode · 智能体软件交付范式（静态预览站）</span>
|
||
<span>本地 Docker 部署 · 仅用于产品与团队对齐</span>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/main.js" defer></script>
|
||
</body>
|
||
</html>
|