返回 html-ppt-skill
index.html
根目录 / templates / full-decks / knowledge-arch-blueprint / index.html
1 <!DOCTYPE html>
2 <html lang="zh-CN">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>Knowledge Arch Blueprint</title>
7 <link rel="stylesheet" href="../../../assets/fonts.css">
8 <link rel="stylesheet" href="../../../assets/base.css">
9 <link rel="stylesheet" href="style.css">
10 </head>
11 <body class="tpl-knowledge-arch-blueprint">
12 <div class="deck">
13
14 <!-- 1. COVER -->
15 <section class="slide is-active">
16 <div class="kb-grid-bg"></div>
17 <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:44px">
18 <div>
19 <div class="kb-kicker">Karpathy Stack · 架构图 v2</div>
20 <h1 class="kb-h1">LLM <span class="rust">知识库</span> 的<br>工程化蓝图</h1>
21 <p class="kb-sub">从「乱贴笔记」到「可审计、可纠错、可复用」的第二大脑 —— 这是我读完 Karpathy 的分享后画的一张系统图。</p>
22 </div>
23 <div class="kb-insight"><span class="kk">KEY INSIGHT</span>Karpathy 原版缺一块：<br>反馈闭环让错误能回流纠正。</div>
24 </div>
25 <div class="kb-section-label">Pipeline · End-to-end</div>
26 <div class="kb-pipeline">
27 <div class="kb-step"><div class="kb-step-num">STEP 01</div><div class="kb-step-title">采集</div><div class="kb-step-body">浏览器剪藏、PDF、Podcast 转写、聊天记录</div></div>
28 <div class="kb-step"><div class="kb-step-num">STEP 02</div><div class="kb-step-title">去噪</div><div class="kb-step-body">清洗导航栏、广告、重复段落、低信噪素材</div></div>
29 <div class="kb-step hero"><div class="kb-step-num">STEP 03 · CORE</div><div class="kb-step-title">Wiki 化</div><div class="kb-step-body">结构化成双链笔记，实体、关系、属性全在一起</div></div>
30 <div class="kb-step"><div class="kb-step-num">STEP 04</div><div class="kb-step-title">使用</div><div class="kb-step-body">Agent 随时检索、回答、再写入</div></div>
31 </div>
32 <div class="kb-footer"><span>Blueprint · v2 · 2026.04</span><span>01 / 08</span></div>
33 </section>
34
35 <!-- 2. SECTION DIVIDER -->
36 <section class="slide">
37 <div class="kb-grid-bg"></div>
38 <div style="margin:auto 0">
39 <div class="kb-kicker">Chapter One</div>
40 <h1 class="kb-h1" style="font-size:120px">为什么 <span class="rust">笔记</span><br>不够用了</h1>
41 <p class="kb-sub" style="font-size:24px;margin-top:20px">当你的知识量超过记忆容量，<br>你需要的不是更多文件，而是一张<b>可导航的图</b>。</p>
42 </div>
43 <div class="kb-footer"><span>Section · Chapter 1</span><span>02 / 08</span></div>
44 </section>
45
46 <!-- 3. CONTENT 2-col -->
47 <section class="slide">
48 <div class="kb-grid-bg"></div>
49 <div class="kb-kicker">Problem · Solution</div>
50 <h1 class="kb-h1" style="font-size:48px">原版 vs <span class="rust">升级版</span></h1>
51 <div class="kb-grid-2">
52 <div class="kb-card">
53 <div class="kb-kicker" style="color:#888">原版 Karpathy</div>
54 <h4>一次性写入</h4>
55 <p>采集 → 转写 → 存档，错了就错了。没有回路，没有修正机制，笔记越多越混乱。</p>
56 </div>
57 <div class="kb-card" style="background:var(--kb-rust-soft);border-color:var(--kb-rust)">
58 <div class="kb-kicker">升级 v2</div>
59 <h4>反馈闭环</h4>
60 <p>AI 使用知识库时记录每次 miss / 幻觉 / 过期事实，自动回灌到源文件，让笔记会自我修正。</p>
61 </div>
62 </div>
63 <div class="kb-legend">
64 <div class="d"><span class="b"></span>普通节点</div>
65 <div class="d"><span class="b rust"></span>核心节点 · 反馈回路入口</div>
66 <div class="d">—— 数据流 &nbsp;&nbsp; ┈┈ 反馈回路</div>
67 </div>
68 <div class="kb-footer"><span>Content · Compare</span><span>03 / 08</span></div>
69 </section>
70
71 <!-- 4. CODE -->
72 <section class="slide">
73 <div class="kb-grid-bg"></div>
74 <div class="kb-kicker">Implementation · Skill Manifest</div>
75 <h1 class="kb-h1" style="font-size:48px">反馈回路 <span class="rust">怎么实现</span></h1>
76 <p class="kb-sub">一个 100 行的 Agent Skill，把「AI 用得顺不顺」回写成 vault 的一条条修订记录。</p>
77 <pre class="kb-codebox"><span class="cm"># skills/wiki-feedback/SKILL.md</span>
78 <span class="kw">name</span>: wiki-feedback
79 <span class="kw">trigger</span>: <span class="st">"after every retrieval"</span>
80
81 <span class="kw">on_hit</span>: record(<span class="st">query, path, used=true</span>)
82 <span class="kw">on_miss</span>: record(<span class="st">query, reason=</span><span class="hl">"not-in-vault"</span>)
83 <span class="kw">on_wrong</span>: record(<span class="st">query, correction, path</span>)
84
85 <span class="kw">nightly</span>:
86 - <span class="st">aggregate misses → suggest new notes</span>
87 - <span class="st">aggregate wrongs → diff-patch old notes</span>
88 - <span class="st">commit to git, open PR for human review</span></pre>
89 <div class="kb-footer"><span>Content · Code</span><span>04 / 08</span></div>
90 </section>
91
92 <!-- 5. DIAGRAM - SVG feedback loop -->
93 <section class="slide">
94 <div class="kb-grid-bg"></div>
95 <div class="kb-kicker">System Diagram</div>
96 <h1 class="kb-h1" style="font-size:44px">反馈回路全貌</h1>
97 <svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg">
98 <defs>
99 <marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
100 <path d="M0,0 L10,5 L0,10 z" fill="#1a1a1a"/>
101 </marker>
102 <marker id="arrow-r" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
103 <path d="M0,0 L10,5 L0,10 z" fill="#B5392A"/>
104 </marker>
105 </defs>
106 <g font-family="Inter, sans-serif" font-size="16" font-weight="700">
107 <!-- boxes -->
108 <rect x="40" y="180" width="200" height="120" rx="10" fill="#fff" stroke="#1a1a1a" stroke-width="2"/>
109 <text x="140" y="220" text-anchor="middle">Sources</text>
110 <text x="140" y="250" text-anchor="middle" font-size="12" font-weight="400" fill="#666">web · pdf · chat</text>
111
112 <rect x="300" y="180" width="200" height="120" rx="10" fill="#fff" stroke="#1a1a1a" stroke-width="2"/>
113 <text x="400" y="220" text-anchor="middle">Clean + Split</text>
114 <text x="400" y="250" text-anchor="middle" font-size="12" font-weight="400" fill="#666">defuddle / chunker</text>
115
116 <rect x="560" y="160" width="220" height="160" rx="10" fill="#B5392A" stroke="#B5392A" stroke-width="2"/>
117 <text x="670" y="210" text-anchor="middle" fill="#fff" font-size="20">Vault (Wiki)</text>
118 <text x="670" y="240" text-anchor="middle" font-size="12" font-weight="400" fill="rgba(255,255,255,.8)">markdown · links</text>
119 <text x="670" y="262" text-anchor="middle" font-size="12" font-weight="400" fill="rgba(255,255,255,.8)">bases · canvas</text>
120
121 <rect x="840" y="180" width="200" height="120" rx="10" fill="#fff" stroke="#1a1a1a" stroke-width="2"/>
122 <text x="940" y="220" text-anchor="middle">Agent Use</text>
123 <text x="940" y="250" text-anchor="middle" font-size="12" font-weight="400" fill="#666">retrieve / answer</text>
124
125 <!-- forward arrows -->
126 <line x1="245" y1="240" x2="295" y2="240" stroke="#1a1a1a" stroke-width="2" marker-end="url(#arrow)"/>
127 <line x1="505" y1="240" x2="555" y2="240" stroke="#1a1a1a" stroke-width="2" marker-end="url(#arrow)"/>
128 <line x1="785" y1="240" x2="835" y2="240" stroke="#1a1a1a" stroke-width="2" marker-end="url(#arrow)"/>
129
130 <!-- feedback dashed -->
131 <path d="M 940 180 Q 940 80, 670 80 Q 400 80, 400 180" fill="none" stroke="#B5392A" stroke-width="2" stroke-dasharray="6 6" marker-end="url(#arrow-r)"/>
132 <rect x="580" y="58" width="180" height="30" rx="6" fill="#F0EAE0" stroke="#B5392A" stroke-width="1"/>
133 <text x="670" y="78" text-anchor="middle" fill="#B5392A" font-size="12">FEEDBACK · wrong / miss</text>
134
135 <!-- bottom feedback to sources -->
136 <path d="M 940 300 Q 940 420, 670 420 Q 140 420, 140 300" fill="none" stroke="#B5392A" stroke-width="2" stroke-dasharray="6 6" marker-end="url(#arrow-r)"/>
137 <rect x="560" y="400" width="220" height="30" rx="6" fill="#F0EAE0" stroke="#B5392A" stroke-width="1"/>
138 <text x="670" y="420" text-anchor="middle" fill="#B5392A" font-size="12">NIGHTLY · suggest new sources</text>
139 </g>
140 </svg>
141 <div class="kb-footer"><span>Diagram · Feedback Loop</span><span>05 / 08</span></div>
142 </section>
143
144 <!-- 6. STATS -->
145 <section class="slide">
146 <div class="kb-grid-bg"></div>
147 <div class="kb-kicker">After 6 Months</div>
148 <h1 class="kb-h1" style="font-size:44px">升级版 <span class="rust">跑了半年</span> 的数据</h1>
149 <div style="display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;margin-top:28px;align-items:center">
150 <div style="text-align:center"><div class="kb-big-num">13</div><p style="font-size:14px;color:#666;margin-top:6px;letter-spacing:.1em;text-transform:uppercase">关键优化项 · 全部落地</p></div>
151 <div class="kb-card"><h4 style="color:var(--kb-rust)">-62%</h4><p>幻觉率（相比无反馈回路版本）</p></div>
152 <div class="kb-card"><h4 style="color:var(--kb-rust)">+4.1×</h4><p>单次检索命中率</p></div>
153 </div>
154 <div class="kb-grid-2" style="margin-top:18px">
155 <div class="kb-card"><h4>自动修订 227 条</h4><p>其中 189 条被人工批准合并，38 条被拒绝（数据已归档）。</p></div>
156 <div class="kb-card"><h4>新增笔记 412 篇</h4><p>从 miss 日志聚类而来，每篇都有来源追溯。</p></div>
157 </div>
158 <div class="kb-footer"><span>Content · Stats</span><span>06 / 08</span></div>
159 </section>
160
161 <!-- 7. CTA -->
162 <section class="slide">
163 <div class="kb-grid-bg"></div>
164 <div class="kb-kicker">Next Step</div>
165 <h1 class="kb-h1" style="font-size:60px">开始你的 <span class="rust">Wiki v2</span></h1>
166 <p class="kb-sub">不用重写所有笔记。先接一条回路，让 AI 的每次使用都在「改好」你的 vault。</p>
167 <div class="kb-pipeline">
168 <div class="kb-step"><div class="kb-step-num">TONIGHT</div><div class="kb-step-title">装 Skill</div><div class="kb-step-body">pnpm i -g @lewis/wiki-feedback</div></div>
169 <div class="kb-step"><div class="kb-step-num">DAY 2</div><div class="kb-step-title">跑 7 天</div><div class="kb-step-body">观察 miss log 自动累积</div></div>
170 <div class="kb-step hero"><div class="kb-step-num">DAY 8 · CORE</div><div class="kb-step-title">第一次审 PR</div><div class="kb-step-body">花 15 分钟 review 自动生成的修订</div></div>
171 <div class="kb-step"><div class="kb-step-num">MONTH 1</div><div class="kb-step-title">开始信它</div><div class="kb-step-body">你的 vault 会变成活的</div></div>
172 </div>
173 <div class="kb-footer"><span>CTA</span><span>07 / 08</span></div>
174 </section>
175
176 <!-- 8. THANKS -->
177 <section class="slide">
178 <div class="kb-grid-bg"></div>
179 <div style="margin:auto 0;text-align:center">
180 <div class="kb-kicker">END · blueprint v2</div>
181 <h1 class="kb-h1" style="font-size:140px;margin-top:24px">谢谢 <span class="rust">·</span> thanks</h1>
182 <p class="kb-sub" style="margin:0 auto;font-size:22px">图纸、Skill、笔记模板都在 <b>github.com/lewis/karpathy-wiki-v2</b></p>
183 </div>
184 <div class="kb-footer"><span>End of deck</span><span>08 / 08</span></div>
185 </section>
186
187 </div>
188 <script src="../../../assets/runtime.js"></script>
189 </body>
190 </html>
191
191 lines HTML