agent-Specialization/website-design/site-timeline/index.html
JOJO 39a7a5fc6f chore(website): 归档官网文档内容与设计素材
- website-content/:官网 10 篇文档内容 + README
- website-design/:官网设计稿、动画实验、预览图与资源
- 根目录官网截图两张
- .gitignore 忽略 website-design/exp/static/dist 构建产物(7.1MB)
2026-09-02 14:38:51 +08:00

136 lines
7.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Astrion —— 一句话进来,结果出去</title>
<meta name="description" content="Astrion 是住在你机器上的智能体工作台。这里讲清从你说一句话到结果落盘的每一步。" />
<link rel="stylesheet" href="../shared/astrion-avatar.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<header class="topbar">
<a class="brand" href="#top">
<span class="brand-avatar" id="topAvatar"></span>
<span class="brand-name">Astrion</span>
</a>
<a class="toplink" href="https://github.com/JOJO6618/astrion" target="_blank" rel="noopener">GitHub ↗</a>
</header>
<!-- ═══════ Hero定义 + 生命周期链条 ═══════ -->
<section class="hero" id="top">
<p class="kicker">开源 · 自托管 · 数据不出本机</p>
<h1>一句话进来,结果出去。<br />中间每一步,你都看得见。</h1>
<p class="hero-sub">Astrion 是住在你机器上的智能体工作台:普通对话、多智能体团队、工作流与技能包。</p>
<div class="lifecycle" aria-label="一次请求的生命周期">
<span class="lc-node">你的消息</span><i class="lc-arrow"></i>
<span class="lc-node">模型思考</span><i class="lc-arrow"></i>
<span class="lc-node">工具调用</span><i class="lc-arrow"></i>
<span class="lc-node">沙箱执行</span><i class="lc-arrow"></i>
<span class="lc-node">留痕落盘</span><i class="lc-arrow"></i>
<span class="lc-node">回复你</span>
</div>
<figure class="shot reveal">
<div class="shot-bar"><i></i><i></i><i></i><span>localhost:8091 · 夜间主题</span></div>
<img src="../assets/product-main.png" alt="Astrion 主界面(夜间主题)" loading="lazy" />
</figure>
</section>
<!-- ═══════ 时间轴:一次请求的一生 ═══════ -->
<ol class="timeline">
<li class="station reveal" id="s1">
<span class="st-no">01</span>
<h2>你说了一句话</h2>
<p><code>/</code> 唤起指令菜单,<code>@</code> 引用文件,图片直接贴进输入框。上下文压缩建议开深度——浅压缩会破坏前缀缓存,自定义阈值建议不低于模型可用上下文的 80%。</p>
</li>
<li class="station reveal" id="s2">
<span class="st-no">02</span>
<h2>它先想,再动手</h2>
<p>运行模式三档:<strong>计划</strong>——只出方案与你讨论,批准后转入执行;<strong>询问</strong>——先讨论后开工;<strong>执行</strong>——自主开工,只在硬阻塞时提问。思考模式可随时切换。</p>
</li>
<li class="station reveal" id="s3">
<span class="st-no">03</span>
<h2>写操作要过闸</h2>
<p>权限四档,写操作在获批前不会落盘:</p>
<div class="mini-table">
<table>
<tbody>
<tr><td>只读</td><td>AI 只能读,写操作被系统拒绝</td></tr>
<tr><td>批准</td><td>每次写入先弹给你,逐次点头</td></tr>
<tr><td>自动审核</td><td>写入由审核智能体把关,拒绝会附理由</td></tr>
<tr><td>无限制</td><td>不做权限拦截</td></tr>
</tbody>
</table>
</div>
</li>
<li class="station reveal" id="s4">
<span class="st-no">04</span>
<h2>命令在笼子里跑</h2>
<p>执行环境二选一:沙箱,或直连宿主机。沙箱强度取决于平台,如实列出:</p>
<div class="mini-table">
<table>
<thead><tr><th>平台</th><th>实现</th><th>水位</th></tr></thead>
<tbody>
<tr><td>Windows</td><td>WSL2</td><td><i class="dot ok"></i>完全数据隔离</td></tr>
<tr><td>macOS</td><td>sandbox-exec</td><td><i class="dot warn"></i>限写入;全局可读,防不住泄露</td></tr>
<tr><td>Linux</td><td>bwrap+seccomp</td><td><i class="dot untested"></i>未实测,别依赖</td></tr>
</tbody>
</table>
</div>
<p class="st-note">沙箱管命令,不管聊天——对话内容本来就要发给模型服务商,密钥别贴进对话。</p>
</li>
<li class="station reveal" id="s5">
<span class="st-no">05</span>
<h2>每个改动可撤销</h2>
<p>三层资产安全网,与平台无关:<strong>版本控制</strong>按你的每条消息打检查点(浅备份只追踪 write_file / edit_file 编辑过的文件);<strong>修改留痕</strong>把每次编辑落盘成标准 diff<code>git apply</code> 重做、<code>git apply -R</code> 撤销;<strong>Git 状态栏</strong>让仓库状态实时可见。</p>
</li>
<li class="station reveal" id="s6">
<span class="st-no">06</span>
<h2>一个人不够,就一队</h2>
<p>子智能体后台并行跑独立任务。多智能体模式下Team Leader 带领预置的 5 个角色——全栈工程师、代码评审、调研员、UI 操作、头脑风暴——分工协作、互相请教,每一步都向你汇报。角色可以自己写。</p>
</li>
<li class="station reveal" id="s7">
<span class="st-no">07</span>
<h2>结果回到你手里</h2>
<p>对话区右侧的五个快捷窗口:待办、子智能体、后台命令、文件记录、工作流。产物在哪、进展到哪、怎么终止,抬手就够到。</p>
</li>
</ol>
<!-- ═══════ 安装 ═══════ -->
<section class="getstart reveal" id="install">
<h2>让它住进你的机器</h2>
<p class="gs-env">Python 3.10+ · Node.js 18+ · docker 模式另需 Docker</p>
<div class="cmd-block">
<button class="copy-btn" data-copy aria-label="复制安装命令">
<svg class="icon-copy" viewBox="0 0 24 24"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
<svg class="icon-check" viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</button>
<pre><code>git clone https://github.com/JOJO6618/astrion.git
cd astrion
./setup.sh # 向导:运行模式 → 端口 → 管理员 → 模型
npm install &amp;&amp; npm run build
./start.sh # → http://localhost:8091</code></pre>
</div>
<p class="gs-note">docker 模式README 中的 web 模式)在此基础上多一步:<code>docker build -f docker/terminal.Dockerfile -t my-agent-shell:latest .</code>——应用本体仍跑在宿主机Docker 提供的是每个用户独立的命令沙箱。</p>
</section>
<footer class="foot">
<p>© 2026 Astrion · 开源 · <a href="https://github.com/JOJO6618/astrion" target="_blank" rel="noopener">GitHub</a></p>
<p class="foot-note">星之子,星际粒子。</p>
</footer>
<script src="../shared/astrion-avatar.js"></script>
<script src="js/main.js"></script>
</body>
</html>