docs: v5.1.2 竞品实力对比分析页面
This commit is contained in:
1 parent
9048b0e813
commit
62aa5ed128
1 file changed
+381
@@ -0,0 +1,381 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>小狸 Pro-CLI v5.1.2 · 竞品实力对比</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
:root{--bg:#06080d;--bg2:#0d1117;--bg3:#161b22;--border:#21262d;--txt:#e6edf3;--dim:#8b949e;--mute:#484f58;--blue:#58a6ff;--purple:#bc8cff;--cyan:#39d2c0;--green:#3fb950;--red:#f85149;--yellow:#d29922;--orange:#f0883e}
|
||||
body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;line-height:1.7}
|
||||
|
||||
/* ── Hero ── */
|
||||
.hero{text-align:center;padding:80px 20px 50px;background:linear-gradient(180deg,#0d1117 0%,#06080d 100%);position:relative;overflow:hidden}
|
||||
.hero::before{content:'';position:absolute;top:0;left:50%;width:600px;height:600px;transform:translateX(-50%);background:radial-gradient(circle,rgba(88,166,255,.08) 0%,transparent 70%);pointer-events:none}
|
||||
.hero h1{font-size:2.6em;font-weight:800;background:linear-gradient(135deg,#58a6ff,#bc8cff,#39d2c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}
|
||||
.hero .sub{color:var(--dim);font-size:1.1em;margin-bottom:24px}
|
||||
.hero .tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
|
||||
.tag{padding:5px 14px;border-radius:20px;font-size:.82em;font-weight:600;border:1px solid}
|
||||
.tag-b{background:rgba(88,166,255,.1);color:var(--blue);border-color:rgba(88,166,255,.25)}
|
||||
.tag-p{background:rgba(188,140,255,.1);color:var(--purple);border-color:rgba(188,140,255,.25)}
|
||||
.tag-g{background:rgba(63,185,80,.1);color:var(--green);border-color:rgba(63,185,80,.25)}
|
||||
.tag-c{background:rgba(57,210,192,.1);color:var(--cyan);border-color:rgba(57,210,192,.25)}
|
||||
.tag-y{background:rgba(210,153,34,.1);color:var(--yellow);border-color:rgba(210,153,34,.25)}
|
||||
|
||||
.container{max-width:1100px;margin:0 auto;padding:0 24px}
|
||||
section{padding:56px 0;border-bottom:1px solid rgba(33,38,45,.5)}
|
||||
section:last-child{border:none}
|
||||
h2{font-size:1.7em;margin-bottom:6px;background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
||||
h2 .em{-webkit-text-fill-color:initial}
|
||||
.sec-desc{color:var(--dim);margin-bottom:32px;font-size:1.02em}
|
||||
|
||||
/* ── What's New ── */
|
||||
.new-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
|
||||
.new-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:24px;transition:.3s;position:relative;overflow:hidden}
|
||||
.new-card:hover{border-color:var(--blue);box-shadow:0 0 24px rgba(88,166,255,.1);transform:translateY(-2px)}
|
||||
.new-card .icon{font-size:1.8em;margin-bottom:8px}
|
||||
.new-card h3{font-size:1.08em;margin-bottom:8px;color:#f0f6fc}
|
||||
.new-card p{color:var(--dim);font-size:.93em}
|
||||
.new-card .badge-new{position:absolute;top:12px;right:12px;background:var(--green);color:#000;font-size:.72em;font-weight:700;padding:2px 8px;border-radius:10px}
|
||||
|
||||
/* ── Compare Table ── */
|
||||
.tbl-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}
|
||||
table{width:100%;border-collapse:collapse;font-size:.9em}
|
||||
thead th{background:var(--bg3);color:#f0f6fc;padding:13px 16px;text-align:left;font-weight:700;position:sticky;top:0;border-bottom:1px solid var(--border)}
|
||||
tbody td{padding:12px 16px;border-bottom:1px solid rgba(33,38,45,.5)}
|
||||
tbody tr:hover{background:rgba(88,166,255,.04)}
|
||||
tbody td:first-child{font-weight:600;color:var(--dim);white-space:nowrap}
|
||||
.y{color:var(--green);font-weight:700}
|
||||
.n{color:var(--red);opacity:.5}
|
||||
.p{color:var(--yellow)}
|
||||
.hl{background:rgba(88,166,255,.06);font-weight:600}
|
||||
|
||||
/* ── Score Cards ── */
|
||||
.score-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:20px}
|
||||
.score{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:22px;text-align:center;transition:.3s}
|
||||
.score:hover{border-color:var(--blue);box-shadow:0 0 20px rgba(88,166,255,.08)}
|
||||
.score .nm{font-size:1.05em;font-weight:700;margin-bottom:4px}
|
||||
.score .tot{font-size:2.6em;font-weight:800;margin:6px 0}
|
||||
.score .sub{font-size:.82em;color:var(--dim)}
|
||||
.score .bars{text-align:left;margin-top:14px;font-size:.86em;color:var(--dim)}
|
||||
.score .bars .row{display:flex;justify-content:space-between;margin-bottom:3px}
|
||||
.score .bars .bw{background:rgba(255,255,255,.05);border-radius:4px;height:6px;margin-bottom:8px;overflow:hidden}
|
||||
.score .bars .bd{height:100%;border-radius:4px}
|
||||
|
||||
/* ── Radar ── */
|
||||
.radar-wrap{display:flex;justify-content:center;margin:30px 0}
|
||||
.radar{position:relative;width:400px;height:400px}
|
||||
.radar svg{width:100%;height:100%}
|
||||
|
||||
/* ── SWOT ── */
|
||||
.swot{display:grid;grid-template-columns:1fr 1fr;gap:16px}
|
||||
.sc{border-radius:12px;padding:24px;border:1px solid}
|
||||
.sc h3{font-size:1.08em;margin-bottom:12px}
|
||||
.sc ul{list-style:none;padding:0}
|
||||
.sc li{padding:5px 0 5px 22px;position:relative;color:var(--dim);font-size:.93em}
|
||||
.sc li::before{content:'→';position:absolute;left:0;font-weight:700}
|
||||
.sc-s{background:rgba(63,185,80,.04);border-color:rgba(63,185,80,.2)}.sc-s h3{color:var(--green)}.sc-s li::before{color:var(--green)}
|
||||
.sc-w{background:rgba(248,81,73,.04);border-color:rgba(248,81,73,.2)}.sc-w h3{color:var(--red)}.sc-w li::before{color:var(--red)}
|
||||
.sc-o{background:rgba(88,166,255,.04);border-color:rgba(88,166,255,.2)}.sc-o h3{color:var(--blue)}.sc-o li::before{color:var(--blue)}
|
||||
.sc-t{background:rgba(240,136,62,.04);border-color:rgba(240,136,62,.2)}.sc-t h3{color:var(--orange)}.sc-t li::before{color:var(--orange)}
|
||||
|
||||
/* ── Verdict ── */
|
||||
.verdict{background:linear-gradient(135deg,rgba(88,166,255,.06),rgba(188,140,255,.06));border:1px solid rgba(88,166,255,.2);border-radius:14px;padding:36px;text-align:center;margin-top:28px}
|
||||
.verdict h3{font-size:1.4em;margin-bottom:10px;color:#f0f6fc}
|
||||
.verdict p{color:var(--dim);max-width:680px;margin:0 auto;font-size:1.02em}
|
||||
|
||||
footer{text-align:center;padding:36px 20px;color:var(--mute);font-size:.86em;border-top:1px solid rgba(33,38,45,.5)}
|
||||
footer a{color:var(--blue);text-decoration:none}
|
||||
|
||||
@media(max-width:768px){.hero h1{font-size:1.7em}.swot{grid-template-columns:1fr}table{font-size:.8em}}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="hero">
|
||||
<h1>小狸 Pro-CLI v5.1.2</h1>
|
||||
<p class="sub">新增自动语法检查 · Diff 弹窗 · Web UI 后,与同类产品的实力对比</p>
|
||||
<div class="tags">
|
||||
<span class="tag tag-g"> 新增语法检查 · 11 种语言</span>
|
||||
<span class="tag tag-b"> 新增 Diff 弹窗 · 可开关</span>
|
||||
<span class="tag tag-p"> 新增 Web UI · 纯静态</span>
|
||||
<span class="tag tag-c">v5.1.2 · 2026-04-27</span>
|
||||
<span class="tag tag-y">16 插件 · 142 操作 · 约 19K 行</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ════════════════ 本次更新 ════════════════ -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2><span class="em">✨</span> 本次更新亮点</h2>
|
||||
<p class="sec-desc">v5.1.2 新增 3 大功能,补齐了编辑后自动验证和可视化界面的短板。</p>
|
||||
|
||||
<div class="new-grid">
|
||||
<div class="new-card">
|
||||
<span class="badge-new">NEW</span>
|
||||
<div class="icon"> </div>
|
||||
<h3>自动语法检查</h3>
|
||||
<p>编辑操作完成后自动触发,覆盖 <strong>11 种语言</strong>:Python (ast.parse + py_compile 双重验证)、JavaScript、TypeScript、JSON、YAML、TOML、HTML/XML、CSS、Shell (bash -n)、SQL。通过显示 ✓,失败显示精确的行号/列号/错误描述。AI 也可主动调用 <code>syntax_check</code>。</p>
|
||||
</div>
|
||||
<div class="new-card">
|
||||
<span class="badge-new">NEW</span>
|
||||
<div class="icon"> </div>
|
||||
<h3>Diff 弹窗</h3>
|
||||
<p>每次编辑后自动弹出新终端窗口,显示修改前/后的完整内容(带行号)、unified diff 差异、+N/-M 行数统计。兼容 <strong>Windows (cmd) / macOS (Terminal) / Linux (gnome-terminal 等 6 种)</strong>。异步不阻塞,<code>diff_popup on/off</code> 一键开关。</p>
|
||||
</div>
|
||||
<div class="new-card">
|
||||
<span class="badge-new">NEW</span>
|
||||
<div class="icon"> </div>
|
||||
<h3>Web UI</h3>
|
||||
<p>纯静态 HTML 界面,<strong>零依赖、零后端</strong>,浏览器直接打开。三栏布局:左侧文件树、中间对话/编辑器(Tab 切换)、右侧状态面板。暗色主题、动画效果、快捷芯片、行号编辑器、Ctrl+S 保存。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ════════════════ 功能对比表 ════════════════ -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2><span class="em">⚔️</span> 功能对比(更新后)</h2>
|
||||
<p class="sec-desc">v5.1.2 新增功能后,小狸在语法验证和界面维度补齐了关键差距。绿色高亮 = 本次新增优势。</p>
|
||||
|
||||
<div class="tbl-wrap">
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>维度</th><th>小狸 v5.1.2</th><th>Claude Code</th><th>OpenClaw</th><th>Aider</th><th>Cursor</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>开源</td><td class="y">✅ MIT</td><td class="n">❌</td><td class="y">✅</td><td class="y">✅ Apache</td><td class="n">❌</td></tr>
|
||||
<tr><td>本地模型</td><td class="y">✅ Ollama 原生</td><td class="n">❌</td><td class="p">⚠️ 有限</td><td class="p">⚠️ 需配置</td><td class="n">❌</td></tr>
|
||||
<tr><td>代码编辑</td><td class="y">✅ 24 操作</td><td class="y">✅</td><td class="y">✅</td><td class="y">✅</td><td class="y">✅</td></tr>
|
||||
<tr class="hl"><td> 自动语法检查</td><td class="y">✅ 11 语言 · 自动+主动</td><td class="n">❌</td><td class="n">❌</td><td class="n">❌</td><td class="p">⚠️ 有限</td></tr>
|
||||
<tr class="hl"><td> Diff 弹窗</td><td class="y">✅ 自动弹窗 · 可开关</td><td class="n">❌</td><td class="n">❌</td><td class="n">❌</td><td class="p">⚠️ 内置 diff</td></tr>
|
||||
<tr class="hl"><td> Web UI</td><td class="y">✅ 纯静态 HTML</td><td class="n">❌</td><td class="p">⚠️ Canvas</td><td class="n">❌</td><td class="y">✅ GUI IDE</td></tr>
|
||||
<tr><td>Git 集成</td><td class="y">✅ 20 操作</td><td class="y">✅</td><td class="y">✅ GitHub</td><td class="y">✅</td><td class="y">✅</td></tr>
|
||||
<tr><td>浏览器自动化</td><td class="y">✅ 31 操作</td><td class="n">❌</td><td class="y">✅</td><td class="n">❌</td><td class="n">❌</td></tr>
|
||||
<tr><td>子 Agent</td><td class="y">✅ 多 Agent 并行</td><td class="n">❌</td><td class="y">✅ 强大</td><td class="n">❌</td><td class="n">❌</td></tr>
|
||||
<tr><td>安全沙箱</td><td class="y">✅ AST+子进程+三模式</td><td class="p">⚠️ 权限</td><td class="y">✅ 多层</td><td class="p">⚠️ 基础</td><td class="p">⚠️ 沙箱</td></tr>
|
||||
<tr><td>持久化记忆</td><td class="y">✅ MEMORY+日记+检索</td><td class="p">⚠️ CLAUDE.md</td><td class="y">✅ 完整</td><td class="p">⚠️ 有限</td><td class="p">⚠️ 有限</td></tr>
|
||||
<tr><td>TUI 界面</td><td class="y">✅ Textual 动画</td><td class="n">❌ 纯 CLI</td><td class="p">⚠️</td><td class="n">❌</td><td class="y">✅ GUI</td></tr>
|
||||
<tr><td>工程化工具</td><td class="y">✅ lint/format/test/build</td><td class="p">⚠️</td><td class="p">⚠️</td><td class="p">⚠️</td><td class="y">✅</td></tr>
|
||||
<tr><td>语音识别</td><td class="y">✅ STT</td><td class="n">❌</td><td class="p">⚠️ TTS</td><td class="n">❌</td><td class="n">❌</td></tr>
|
||||
<tr><td>远程控制</td><td class="y">✅ Clawli+WebSocket</td><td class="n">❌</td><td class="y">✅ 多渠道</td><td class="n">❌</td><td class="n">❌</td></tr>
|
||||
<tr><td>测试覆盖</td><td class="y">✅ 113 用例</td><td class="n">❌</td><td class="p">⚠️</td><td class="y">✅</td><td class="n">❌</td></tr>
|
||||
<tr><td>中文原生</td><td class="y">✅</td><td class="p">⚠️</td><td class="y">✅</td><td class="p">⚠️</td><td class="p">⚠️</td></tr>
|
||||
<tr><td>价格</td><td class="y">免费</td><td>$20/月</td><td class="y">免费</td><td>$20/月</td><td>$20/月</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ════════════════ 评分对比 ════════════════ -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2><span class="em"> </span> 多维度评分(v5.1.2 更新后)</h2>
|
||||
<p class="sec-desc">满分 10 分,基于代码审查和功能实测。</p>
|
||||
|
||||
<div class="score-row">
|
||||
<div class="score" style="border-color:rgba(88,166,255,.35)">
|
||||
<div class="nm" style="color:var(--blue)">小狸 v5.1.2</div>
|
||||
<div class="tot" style="color:var(--blue)">7.3</div>
|
||||
<div class="sub">↑ 0.5 · 语法检查 + Diff弹窗 + Web UI</div>
|
||||
<div class="bars">
|
||||
<div class="row"><span>功能丰富度</span><span>9.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:90%;background:var(--blue)"></div></div>
|
||||
<div class="row"><span>代码质量</span><span>6.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:65%;background:var(--blue)"></div></div>
|
||||
<div class="row"><span>架构设计</span><span>6.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:65%;background:var(--blue)"></div></div>
|
||||
<div class="row"><span>安全机制</span><span>8.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:80%;background:var(--blue)"></div></div>
|
||||
<div class="row"><span>用户体验</span><span>7.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:75%;background:var(--blue)"></div></div>
|
||||
<div class="row"><span>生态与社区</span><span>4.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:40%;background:var(--blue)"></div></div>
|
||||
<div class="row"><span>文档完整度</span><span>7.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:75%;background:var(--blue)"></div></div>
|
||||
<div class="row"><span>工程化水平</span><span>7.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:75%;background:var(--blue)"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="score" style="border-color:rgba(240,136,62,.35)">
|
||||
<div class="nm" style="color:var(--orange)">Claude Code</div>
|
||||
<div class="tot" style="color:var(--orange)">8.5</div>
|
||||
<div class="sub">模型能力碾压,但无语法检查/Diff弹窗</div>
|
||||
<div class="bars">
|
||||
<div class="row"><span>功能丰富度</span><span>7.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:75%;background:var(--orange)"></div></div>
|
||||
<div class="row"><span>代码质量</span><span>9.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:95%;background:var(--orange)"></div></div>
|
||||
<div class="row"><span>架构设计</span><span>9.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:90%;background:var(--orange)"></div></div>
|
||||
<div class="row"><span>安全机制</span><span>8.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:80%;background:var(--orange)"></div></div>
|
||||
<div class="row"><span>用户体验</span><span>9.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:90%;background:var(--orange)"></div></div>
|
||||
<div class="row"><span>生态与社区</span><span>8.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:80%;background:var(--orange)"></div></div>
|
||||
<div class="row"><span>文档完整度</span><span>9.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:90%;background:var(--orange)"></div></div>
|
||||
<div class="row"><span>工程化水平</span><span>9.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:90%;background:var(--orange)"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="score" style="border-color:rgba(63,185,80,.35)">
|
||||
<div class="nm" style="color:var(--green)">OpenClaw</div>
|
||||
<div class="tot" style="color:var(--green)">7.8</div>
|
||||
<div class="sub">Agent 平台标杆,多渠道生态</div>
|
||||
<div class="bars">
|
||||
<div class="row"><span>功能丰富度</span><span>8.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:80%;background:var(--green)"></div></div>
|
||||
<div class="row"><span>代码质量</span><span>8.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:80%;background:var(--green)"></div></div>
|
||||
<div class="row"><span>架构设计</span><span>8.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:85%;background:var(--green)"></div></div>
|
||||
<div class="row"><span>安全机制</span><span>8.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:85%;background:var(--green)"></div></div>
|
||||
<div class="row"><span>用户体验</span><span>7.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:75%;background:var(--green)"></div></div>
|
||||
<div class="row"><span>生态与社区</span><span>7.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:70%;background:var(--green)"></div></div>
|
||||
<div class="row"><span>文档完整度</span><span>8.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:80%;background:var(--green)"></div></div>
|
||||
<div class="row"><span>工程化水平</span><span>7.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:75%;background:var(--green)"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="score" style="border-color:rgba(188,140,255,.35)">
|
||||
<div class="nm" style="color:var(--purple)">Aider</div>
|
||||
<div class="tot" style="color:var(--purple)">7.2</div>
|
||||
<div class="sub">专注代码编辑,简洁高效</div>
|
||||
<div class="bars">
|
||||
<div class="row"><span>功能丰富度</span><span>6.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:65%;background:var(--purple)"></div></div>
|
||||
<div class="row"><span>代码质量</span><span>8.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:85%;background:var(--purple)"></div></div>
|
||||
<div class="row"><span>架构设计</span><span>8.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:80%;background:var(--purple)"></div></div>
|
||||
<div class="row"><span>安全机制</span><span>5.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:50%;background:var(--purple)"></div></div>
|
||||
<div class="row"><span>用户体验</span><span>8.0</span></div>
|
||||
<div class="bw"><div class="bd" style="width:80%;background:var(--purple)"></div></div>
|
||||
<div class="row"><span>生态与社区</span><span>7.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:75%;background:var(--purple)"></div></div>
|
||||
<div class="row"><span>文档完整度</span><span>7.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:75%;background:var(--purple)"></div></div>
|
||||
<div class="row"><span>工程化水平</span><span>7.5</span></div>
|
||||
<div class="bw"><div class="bd" style="width:75%;background:var(--purple)"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ════════════════ 差异化优势 ════════════════ -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2><span class="em"> </span> v5.1.2 新增的独有优势</h2>
|
||||
<p class="sec-desc">这三项功能在同类产品中均无直接竞品。</p>
|
||||
|
||||
<div class="new-grid">
|
||||
<div class="new-card" style="border-left:3px solid var(--green)">
|
||||
<h3> 自动语法检查 — 行业空白</h3>
|
||||
<p><strong>Claude Code</strong>:不做语法检查,依赖模型自身判断。<br>
|
||||
<strong>Aider</strong>:不做语法检查。<br>
|
||||
<strong>Cursor</strong>:有 lint 集成但非自动触发。<br><br>
|
||||
<strong>小狸</strong>:编辑后 <strong>自动</strong> 触发,11 种语言,AST 级精确错误定位。AI 修改代码后立刻知道对不对,不用等运行时才发现。<strong>这是编程 CLI 赛道的首创。</strong></p>
|
||||
</div>
|
||||
<div class="new-card" style="border-left:3px solid var(--blue)">
|
||||
<h3> Diff 弹窗 — 所见即所得</h3>
|
||||
<p><strong>Claude Code</strong>:终端内显示 diff 文本。<br>
|
||||
<strong>Aider</strong>:终端内显示 diff。<br>
|
||||
<strong>Cursor</strong>:IDE 内置 diff 视图。<br><br>
|
||||
<strong>小狸</strong>:每次编辑后 <strong>弹出独立窗口</strong>,完整显示修改前后内容 + 行号 + unified diff + 统计。不挤在终端里,一目了然。<code>diff_popup off</code> 一键关闭。</p>
|
||||
</div>
|
||||
<div class="new-card" style="border-left:3px solid var(--purple)">
|
||||
<h3> Web UI — 零门槛</h3>
|
||||
<p><strong>Claude Code</strong>:纯 CLI,无 UI。<br>
|
||||
<strong>Aider</strong>:纯 CLI,无 UI。<br>
|
||||
<strong>OpenClaw</strong>:Canvas 组件,非完整 UI。<br><br>
|
||||
<strong>小狸</strong>:纯静态 HTML 文件,<strong>双击打开</strong>。暗色主题三栏布局,对话 + 编辑器 + 文件树 + 状态面板。不需要 npm、不需要 Flask、不需要任何后端。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ════════════════ SWOT ════════════════ -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2><span class="em"> </span> SWOT 分析(更新后)</h2>
|
||||
|
||||
<div class="swot">
|
||||
<div class="sc sc-s">
|
||||
<h3> Strengths</h3>
|
||||
<ul>
|
||||
<li><strong>自动语法检查</strong> — 行业首创,11 语言,编辑后即时反馈</li>
|
||||
<li><strong>Diff 弹窗</strong> — 独立窗口对比,所见即所得</li>
|
||||
<li><strong>三模式界面</strong> — CLI + TUI + Web UI,覆盖所有场景</li>
|
||||
<li><strong>功能密度极高</strong> — 16 插件 142 操作,2 个月一人完成</li>
|
||||
<li><strong>安全纵深</strong> — AST 沙箱 + 子进程隔离 + 三模式</li>
|
||||
<li><strong>本地模型原生</strong> — Ollama 开箱即用,完全离线</li>
|
||||
<li><strong>中文原生 + MIT 开源</strong> — 国内开发者零门槛</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sc sc-w">
|
||||
<h3> Weaknesses</h3>
|
||||
<ul>
|
||||
<li><strong>模型能力差距</strong> — 本地模型 vs Claude/GPT-4 鸿沟仍在</li>
|
||||
<li><strong>单人维护</strong> — 长期迭代速度和可持续性存疑</li>
|
||||
<li><strong>社区生态空白</strong> — 无插件市场、无活跃贡献者</li>
|
||||
<li><strong>架构复杂度</strong> — cli_core.py 对话循环待拆分</li>
|
||||
<li><strong>Web UI 是静态</strong> — 无后端,不能真正执行操作</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sc sc-o">
|
||||
<h3> Opportunities</h3>
|
||||
<ul>
|
||||
<li><strong>国产替代</strong> — 中文原生 + 本地模型是巨大优势</li>
|
||||
<li><strong>本地 AI 爆发</strong> — Ollama/llama.cpp 快速发展</li>
|
||||
<li><strong>语法检查可产品化</strong> — 独立为 CI/CD 工具或 IDE 插件</li>
|
||||
<li><strong>教育市场</strong> — 免费 + 中文 + 有趣(彩蛋情书)</li>
|
||||
<li><strong>Web UI 可进化</strong> — 加后端即可变为完整 Web IDE</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sc sc-t">
|
||||
<h3>⚠️ Threats</h3>
|
||||
<ul>
|
||||
<li><strong>大厂碾压</strong> — Claude Code / Cursor 资金和模型优势</li>
|
||||
<li><strong>开源竞品</strong> — Aider、Cline、Continue.dev 社区更活跃</li>
|
||||
<li><strong>AI 工具快速迭代</strong> — 功能可能被快速复制</li>
|
||||
<li><strong>维护可持续性</strong> — 单人项目最大风险</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ════════════════ 结论 ════════════════ -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2><span class="em"> </span> 结论</h2>
|
||||
|
||||
<div class="verdict">
|
||||
<h3>能不能抗衡?</h3>
|
||||
<p><strong>功能维度:能。</strong>16 插件 142 操作 + 自动语法检查 + Diff 弹窗 + 三模式界面,功能广度已经超过 Claude Code 和 Aider,在语法验证维度甚至领先全行业。</p>
|
||||
<p style="margin-top:14px"><strong>体验维度:接近。</strong>Web UI 补齐了可视化短板,TUI 动画体验独特。但底层模型能力差距决定了对话质量和代码生成精度仍有代差。</p>
|
||||
<p style="margin-top:14px"><strong>生态维度:差距大。</strong>社区、插件市场、贡献者体系是最大的结构性劣势。功能做得再好,一个人扛不住长期迭代。</p>
|
||||
<p style="margin-top:18px;color:var(--blue);font-weight:600">一句话:功能够打,体验能看,生态要追。v5.1.2 是一次关键的能力补齐。</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<p>基于 <a href="https://gitee.com/shuiyu1123/xiaoli-cli">xiaoli-cli v5.1.2</a> 全部源代码逐行审查生成 · 2026-04-27</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user