clew-code 0.2.7 → 0.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +292 -299
  2. package/dist/main.js +2745 -2869
  3. package/docs/architecture.html +148 -145
  4. package/docs/architecture.th.html +79 -78
  5. package/docs/clew-code-architecture.html +1125 -0
  6. package/docs/commands.html +224 -223
  7. package/docs/commands.th.html +131 -130
  8. package/docs/configuration.html +147 -145
  9. package/docs/configuration.th.html +108 -106
  10. package/docs/css/styles.css +48 -42
  11. package/docs/daemon.html +129 -128
  12. package/docs/daemon.th.html +73 -72
  13. package/docs/features/bridge-mode.html +99 -98
  14. package/docs/features/bridge-mode.th.html +90 -89
  15. package/docs/features/evals.html +182 -181
  16. package/docs/features/evals.th.html +90 -89
  17. package/docs/features/peer.html +178 -177
  18. package/docs/features/searxng-search.html +151 -150
  19. package/docs/features/searxng-search.th.html +95 -94
  20. package/docs/features/sentry-setup.html +157 -156
  21. package/docs/features/sentry-setup.th.html +97 -96
  22. package/docs/index.html +299 -298
  23. package/docs/index.th.html +292 -290
  24. package/docs/installation.html +105 -103
  25. package/docs/installation.th.html +105 -103
  26. package/docs/internals/growthbook-ab-testing.html +113 -112
  27. package/docs/internals/growthbook-ab-testing.th.html +81 -80
  28. package/docs/internals/hidden-features.html +149 -147
  29. package/docs/internals/hidden-features.th.html +109 -107
  30. package/docs/js/main.js +83 -3
  31. package/docs/loop.html +181 -180
  32. package/docs/loop.th.html +227 -226
  33. package/docs/mcp.html +247 -246
  34. package/docs/mcp.th.html +207 -206
  35. package/docs/models.html +111 -110
  36. package/docs/models.th.html +61 -60
  37. package/docs/peer.html +236 -235
  38. package/docs/peer.th.html +280 -279
  39. package/docs/permission-model.html +102 -101
  40. package/docs/permission-model.th.html +67 -66
  41. package/docs/plugins.html +102 -101
  42. package/docs/plugins.th.html +79 -78
  43. package/docs/providers.html +126 -117
  44. package/docs/providers.th.html +80 -78
  45. package/docs/quick-start.html +93 -92
  46. package/docs/quick-start.th.html +40 -39
  47. package/docs/research-memory.html +82 -79
  48. package/docs/research-memory.th.html +72 -71
  49. package/docs/skills.html +117 -116
  50. package/docs/skills.th.html +90 -89
  51. package/docs/tools.html +170 -169
  52. package/docs/tools.th.html +84 -83
  53. package/docs/troubleshooting.html +106 -105
  54. package/docs/troubleshooting.th.html +85 -84
  55. package/package.json +164 -162
  56. package/docs/taste.html +0 -436
  57. package/docs/taste.th.html +0 -236
@@ -1,290 +1,292 @@
1
- <!DOCTYPE html>
2
- <html lang="th">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Clew ผู้ช่วยเขียนโค้ด AI หลายผู้ให้บริการ</title>
7
- <meta name="description" content="ผู้ช่วยเขียนโค้ดบนเทอร์มินัล รองรับผู้ให้บริการ AI 15+ ราย, คำสั่ง 80+ รายการ, ระบบปลั๊กอินที่ขยายได้">
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap" rel="stylesheet">
11
- <link rel="stylesheet" href="css/styles.css">
12
- <link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
13
- </head>
14
- <body>
15
-
16
- <header class="header"></header>
17
-
18
- <div class="app">
19
- <!-- ─── Sidebar ─── -->
20
- <aside class="sidebar" id="sidebar"></aside>
21
- <div class="sidebar-overlay" id="sidebarOverlay"></div>
22
-
23
- <!-- ─── Content Wrap ─── -->
24
- <div class="content-wrap">
25
- <main class="content">
26
-
27
- <!-- ─── Breadcrumbs ─── -->
28
- <div class="breadcrumbs">
29
- <a href="index.th.html">หน้าแรก</a>
30
- </div>
31
-
32
- <!-- ─── Hero ─── -->
33
- <section class="hero">
34
- <div class="hero-badge">
35
- <span class="dot"></span>
36
- v0.2.7 CLI AI หลายผู้ให้บริการ
37
- </div>
38
- <h1>
39
- เขียนโค้ดด้วย<br>
40
- <span class="highlight">โมเดลไหนก็ได้</span>
41
- </h1>
42
- <p>
43
- ผู้ช่วยเขียนโค้ดบนเทอร์มินัลพร้อมระบบ路由หลายผู้ให้บริการ
44
- สถาปัตยกรรมปลั๊กอินที่ขยายได้ และระบบเครื่องมือครบครัน
45
- สำหรับเวิร์กโฟลว์การพัฒนาระดับมืออาชีพ
46
- </p>
47
- <div class="hero-actions">
48
- <a href="https://npmjs.com/package/clew-code" class="btn btn-primary">
49
- npm install -g clew-code
50
- </a>
51
- <a href="https://github.com/JonusNattapong/ClewCode" class="btn btn-ghost" target="_blank">
52
- GitHub
53
- </a>
54
- </div>
55
- </section>
56
-
57
- <!-- ─── Terminal Demo ─── -->
58
- <div class="terminal-window">
59
- <div class="terminal-bar">
60
- <span class="terminal-dot"></span>
61
- <span class="terminal-dot"></span>
62
- <span class="terminal-dot"></span>
63
- <span class="terminal-title">clew ~/project</span>
64
- </div>
65
- <div class="terminal-body">
66
- <span class="line"><span class="prompt">$</span> <span class="cmd">clew</span></span>
67
- <span class="line"><span class="output">╭──────────────────────────────────────────╮</span></span>
68
- <span class="line"><span class="output">│ <span class="highlight-amber">Clew</span> · model: <span class="highlight-cyan">deepseek-v4-flash</span> │</span></span>
69
- <span class="line"><span class="output">│ provider: <span class="highlight-cyan">DeepSeek</span> · context: <span class="highlight-amber">78%</span> │</span></span>
70
- <span class="line"><span class="output">╰──────────────────────────────────────────╯</span></span>
71
- <span class="line"><span class="prompt">></span> <span class="cmd">"ค้นหา unused exports ทั้งหมดใน src/"</span></span>
72
- <span class="line"><span class="output">กำลังค้นหา <span class="highlight-cyan">3 ไฟล์</span>... พบ <span class="highlight-amber">2 unused exports</span>.</span></span>
73
- </div>
74
- </div>
75
-
76
- <!-- ─── Stats ─── -->
77
- <div class="stats-grid">
78
- <div class="stat-card">
79
- <div class="stat-number">27</div>
80
- <div class="stat-label">ผู้ให้บริการ AI</div>
81
- </div>
82
- <div class="stat-card">
83
- <div class="stat-number">80+</div>
84
- <div class="stat-label">คำสั่ง Slash</div>
85
- </div>
86
- <div class="stat-card">
87
- <div class="stat-number">50+</div>
88
- <div class="stat-label">เครื่องมือในตัว</div>
89
- </div>
90
- <div class="stat-card">
91
- <div class="stat-number">100%</div>
92
- <div class="stat-label">โอเพนซอร์ส</div>
93
- </div>
94
- </div>
95
-
96
- <!-- ─── Features ─── -->
97
- <h2 class="section-title" id="features">ฟีเจอร์</h2>
98
- <p class="section-subtitle">
99
- ทุกสิ่งที่คุณต้องการสำหรับการพัฒนาแบบมี AI ช่วย จากเทอร์มินัลเดียว
100
- </p>
101
-
102
- <div class="feature-grid">
103
- <div class="feature-card">
104
- <h3>路由หลายผู้ให้บริการ</h3>
105
- <p>สลับระหว่าง Anthropic, OpenAI, Google Gemini, DeepSeek, OpenRouter, Ollama, xAI, Mistral, Groq, Cohere, Copilot, KiloCode และอื่นๆ ได้ทันที</p>
106
- <span class="feature-tag">/model</span>
107
- <span class="feature-tag">/provider</span>
108
- </div>
109
- <div class="feature-card">
110
- <h3>เครื่องมือในตัว 65+ รายการ</h3>
111
- <p>Read, Edit, Write, Glob, Grep, Bash, Web Search, Research, MCP, LSP, Agent, Task, Monitor และ Workflow</p>
112
- <span class="feature-tag">/tools</span>
113
- </div>
114
- <div class="feature-card">
115
- <h3>ระบบปลั๊กอิน</h3>
116
- <p>ขยายด้วยคำสั่ง, เอเจนต์, สกิล, ฮุค และ <a href="mcp.th.html">เซิร์ฟเวอร์ MCP</a> ระบบฮุคก่อน/หลังเครื่องมือสำหรับระบบอัตโนมัติ</p>
117
- <span class="feature-tag">/plugin</span>
118
- <span class="feature-tag">/skill</span>
119
- </div>
120
- <div class="feature-card">
121
- <h3>มุมมองเอเจนต์</h3>
122
- <p>แดชบอร์ดหลายเซสชันพร้อม daemon ผู้ดูแล, งานพื้นหลัง, การสื่อสาร IPC, การแยก worktree, คอลัมน์ PR, autocomplete และคีย์ลัด</p>
123
- <span class="feature-tag">/agents</span>
124
- </div>
125
- <div class="feature-card">
126
- <h3>เชลล์พื้นหลัง</h3>
127
- <p>รันคำสั่งยาวเป็นงานเอเจนต์พื้นหลังด้วย <code>!bg &lt;command&gt;</code> สถานะสด, รหัสออก, การจับ stderr และการรวมแดชบอร์ด</p>
128
- <span class="feature-tag">!bg</span>
129
- </div>
130
- <div class="feature-card">
131
- <a href="daemon.th.html" style="color:inherit;text-decoration:none"><h3>โหมดอัตโนมัติ 24/7</h3>
132
- <p>daemon ถาวรพร้อมคิวงาน, การจัดตารางอัตโนมัติ, การตรวจสอบสุขภาพ, การเริ่มใหม่อัตโนมัติ และการจัดระเบียบเวิร์กเกอร์</p></a>
133
- <span class="feature-tag">/daemon</span>
134
- <span class="feature-tag">/task</span>
135
- </div>
136
- <div class="feature-card">
137
- <a href="research-memory.th.html" style="color:inherit;text-decoration:none"><h3>หน่วยความจำอัจฉริยะ</h3>
138
- <p>การค้นหาเชิงความหมายข้ามภาษา, การเรียกคืนแบบผสม (local + LLM), การบันทึกอัตโนมัติ และการซิงค์ทีม</p></a>
139
- <span class="feature-tag">/memory</span>
140
- </div>
141
- <div class="feature-card">
142
- <h3>โหมด Bridge</h3>
143
- <p>การทำงานร่วมกันระยะไกลผ่าน WebSocket, การแชร์เซสชัน, การเริ่มต้นทีม และไคลเอนต์มือถือ/เว็บ</p>
144
- <span class="feature-tag">Bridge</span>
145
- </div>
146
- <div class="feature-card">
147
- <h3>KiloCompact</h3>
148
- <p>การบีบอัดบริบทในเครื่อง: การตัด log/trace, การรวมสถานะที่ล้มเหลว, การตัดรอบการสนทนาตามความหมาย</p>
149
- <span class="feature-tag">/compact</span>
150
- </div>
151
- <div class="feature-card">
152
- <h3>โหมดสิทธิ์</h3>
153
- <p>ค่าเริ่มต้น, อัตโนมัติ, แผน, YOLO Lite, YOLO, YOLO MAX ควบคุมความปลอดภัยในการใช้เครื่องมือแบบละเอียด</p>
154
- <span class="feature-tag">/permissions</span>
155
- </div>
156
- <div class="feature-card">
157
- <h3>การเรียนรู้ความชอบ</h3>
158
- <p>ระบบ Taste ที่เรียนรู้สไตล์การเขียนโค้ดของคุณจากสัญญาณ accept/reject/edit เมนูแบบโต้ตอบ, การตรวจสอบการแก้ไข, การโหลดค่าตั้งค่าใหม่ทันที</p>
159
- <span class="feature-tag">/taste</span>
160
- </div>
161
- </div>
162
-
163
- <!-- ─── Usage ─── -->
164
- <h2 class="section-title" id="usage">เริ่มต้นใช้งาน</h2>
165
- <p class="section-subtitle">จากศูนย์ถึงการเขียนโค้ดในไม่ถึงนาที</p>
166
-
167
- <div class="code-block-wrap">
168
- <div class="code-block-header">
169
- <span>bash</span>
170
- </div>
171
- <pre><code><span class="cmd-muted">$</span> <span class="cmd-primary">npm install -g clew-code</span>
172
- <span class="cmd-muted">$</span> <span class="cmd-primary">export ANTHROPIC_API_KEY=sk-ant-...</span>
173
- <span class="cmd-muted">$</span> <span class="cmd-primary">clew</span>
174
-
175
- <span class="cmd-muted"># ถามคำถาม</span>
176
- <span class="cmd-muted">></span> <span class="cmd-primary">"ค้นหา unused exports ทั้งหมดใน src/"</span>
177
-
178
- <span class="cmd-muted"># สลับโมเดลทันที</span>
179
- <span class="cmd-muted">></span> <span class="cmd-primary">/model deepseek-v4-flash</span>
180
-
181
- <span class="cmd-muted"># จัดการบริบท</span>
182
- <span class="cmd-muted">></span> <span class="cmd-primary">/clear</span> <span class="cmd-muted"># เริ่มใหม่</span>
183
- <span class="cmd-muted">></span> <span class="cmd-primary">/compact</span> <span class="cmd-muted"># บีบอัดบริบท</span>
184
- <span class="cmd-muted">></span> <span class="cmd-primary">/resume</span> <span class="cmd-muted"># กลับมาเซสชันล่าสุด</span></code></pre>
185
- </div>
186
-
187
- <!-- ─── Slash Commands ─── -->
188
- <h2 class="section-title" id="commands">คำสั่ง Slash</h2>
189
- <p class="section-subtitle">80+ คำสั่งสำหรับควบคุมทุกด้านของเวิร์กโฟลว์ของคุณ</p>
190
-
191
- <table>
192
- <thead>
193
- <tr><th>หมวดหมู่</th><th>คำสั่ง</th><th>คำอธิบาย</th></tr>
194
- </thead>
195
- <tbody>
196
- <tr><td><span class="cmd-accent">ไฟล์</span></td><td><code>/read</code> <code>/edit</code> <code>/write</code> <code>/glob</code> <code>/grep</code></td><td>อ่าน, แก้ไข, สร้าง, และค้นหาไฟล์</td></tr>
197
- <tr><td><span class="cmd-accent">Git</span></td><td><code>/diff</code> <code>/commit</code> <code>/branch</code></td><td>การดำเนินการควบคุมเวอร์ชัน</td></tr>
198
- <tr><td><span class="cmd-accent">โมเดล</span></td><td><code>/model</code> <code>/provider</code> <code>/cost</code> <code>/usage</code> <code>/stats</code></td><td>สลับโมเดลและติดตามการใช้งาน</td></tr>
199
- <tr><td><span class="cmd-accent">เซสชัน</span></td><td><code>/clear</code> <code>/compact</code> <code>/resume</code> <code>/session</code> <code>/rewind</code></td><td>จัดการบริบทและเซสชัน</td></tr>
200
- <tr><td><span class="cmd-accent">ตั้งค่า</span></td><td><code>/permissions</code> <code>/plan</code> <code>/config</code> <code>/theme</code></td><td>การตั้งค่าและค่ากำหนด</td></tr>
201
- <tr><td><span class="cmd-accent">ขยาย</span></td><td><code>/plugin</code> <code>/skill</code> <code>/agent</code> <code>/agents</code> <code>/mcp</code></td><td>ปลั๊กอิน, สกิล, เอเจนต์, MCP</td></tr>
202
- <tr><td><span class="cmd-accent">Daemon</span></td><td><code>/daemon</code> <code>/task</code> <code>/loop</code></td><td>เอเจนต์อัตโนมัติ 24/7, คิวงาน, งานที่ทำซ้ำ</td></tr>
203
- <tr><td><span class="cmd-accent">อัตโนมัติ</span></td><td><code>/autofix-pr</code></td><td>แก้ไข CI และรีวิว PR ผ่าน Clew บนเว็บ</td></tr>
204
- <tr><td><span class="cmd-accent">ระบบ</span></td><td><code>/help</code> <code>/status</code> <code>/doctor</code> <code>/exit</code></td><td>ช่วยเหลือ, ตรวจสอบ, และออก</td></tr>
205
- </tbody>
206
- </table>
207
-
208
- <!-- ─── Providers ─── -->
209
- <h2 class="section-title" id="providers">ผู้ให้บริการ AI</h2>
210
- <p class="section-subtitle">นำคีย์ของคุณเอง ใช้โมเดลที่เหมาะกับแต่ละงาน</p>
211
-
212
- <table>
213
- <thead>
214
- <tr><th>ผู้ให้บริการ</th><th>การตั้งค่า</th><th>โมเดล</th></tr>
215
- </thead>
216
- <tbody>
217
- <tr><td><span class="cmd-info">Anthropic</span></td><td><code>ANTHROPIC_API_KEY</code></td><td>claude-opus-4-7, claude-sonnet-4-6</td></tr>
218
- <tr><td><span class="cmd-info">OpenAI</span></td><td><code>OPENAI_API_KEY</code></td><td>gpt-5.5, gpt-5.4-mini</td></tr>
219
- <tr><td><span class="cmd-info">Google</span></td><td><code>GOOGLE_API_KEY</code></td><td>gemini-3.1-pro, gemini-3.1-flash</td></tr>
220
- <tr><td><span class="cmd-info">DeepSeek</span></td><td><code>DEEPSEEK_API_KEY</code></td><td>deepseek-v4-pro, deepseek-v4-flash</td></tr>
221
- <tr><td><span class="cmd-info">OpenRouter</span></td><td><code>OPENROUTER_API_KEY</code></td><td>100+ โมเดลผ่าน API</td></tr>
222
- <tr><td><span class="cmd-info">Ollama</span></td><td><code>OLLAMA_HOST</code></td><td>llama3.3, llama4:70b, qwen3.6</td></tr>
223
- <tr><td><span class="cmd-info">xAI</span></td><td><code>XAI_API_KEY</code></td><td>grok-4.3</td></tr>
224
- <tr><td><span class="cmd-info">Mistral</span></td><td><code>MISTRAL_API_KEY</code></td><td>mistral-large-3, mistral-small-4</td></tr>
225
- <tr><td><span class="cmd-info">Groq</span></td><td><code>GROQ_API_KEY</code></td><td>llama-3.3-70b, deepseek-v4</td></tr>
226
- <tr><td><span class="cmd-info">Cohere</span></td><td><code>COHERE_API_KEY</code></td><td>command-a-plus</td></tr>
227
- <tr><td><span class="cmd-info">Copilot</span></td><td><code>COPILOT_GITHUB_TOKEN</code></td><td>claude, GPT models</td></tr>
228
- <tr><td><span class="cmd-info">KiloCode</span></td><td><code>KILOCODE_API_KEY</code></td><td>kilo-auto/free, kilo-auto/balanced</td></tr>
229
- </tbody>
230
- </table>
231
-
232
- <!-- ─── Plugins ─── -->
233
- <h2 class="section-title" id="plugins">ปลั๊กอินและสกิล</h2>
234
- <p class="section-subtitle">ขยายความสามารถด้วยปลั๊กอินในตัวและจาก marketplace</p>
235
-
236
- <table>
237
- <thead>
238
- <tr><th>ปลั๊กอิน</th><th>คำอธิบาย</th></tr>
239
- </thead>
240
- <tbody>
241
- <tr><td><code>commit-commands</code></td><td>เวิร์กโฟลว์ Git: commit, push, สร้าง PR</td></tr>
242
- <tr><td><code>code-review</code></td><td>รีวิวโค้ด PR อัตโนมัติ</td></tr>
243
- <tr><td><code>feature-dev</code></td><td>พัฒนาฟีเจอร์แบบมีคำแนะนำกับเอเจนต์</td></tr>
244
- <tr><td><code>frontend-design</code></td><td>สร้าง UI/UX ระดับโปรดักชัน</td></tr>
245
- <tr><td><code>verify</code></td><td>ตรวจสอบชนิด, lint, build, และ test</td></tr>
246
- <tr><td><code>debug</code></td><td>ช่วยเหลือการดีบัก</td></tr>
247
- <tr><td><code>commit</code></td><td>Git commit แบบ conventional</td></tr>
248
- <tr><td><code>simplify</code></td><td>ตรวจสอบคุณภาพโค้ดและการใช้ซ้ำ</td></tr>
249
- <tr><td><code>web-search</code></td><td>ค้นหาเว็บหลายผู้ให้บริการ</td></tr>
250
- <tr><td><code>scrapling</code></td><td>ดึงข้อมูลเว็บด้วย Scrapling</td></tr>
251
- <tr><td><code>skillify</code></td><td>สร้างสกิลจากเวิร์กโฟลว์</td></tr>
252
- <tr><td><code>remember</code></td><td>บันทึกค่ากำหนดผู้ใช้</td></tr>
253
- </tbody>
254
- </table>
255
-
256
- <!-- ─── Changelog ─── -->
257
- <h2 class="section-title" id="updates">อัปเดต v0.2.4</h2>
258
- <ul>
259
- <li><strong>ระบบ Taste</strong> ระบบเรียนรู้ความชอบในเครื่อง เมนู <code>/taste</code> แบบโต้ตอบ แถบสถานะ, โหลดค่าตั้งค่าใหม่ทันที</li>
260
- <li><strong>ตัวเลือกโมเดลแบ่งตามผู้ให้บริการ</strong> <code>/model</code> ตอนนี้แสดงโมเดลทั้งหมดจากทุกผู้ให้บริการ</li>
261
- <li><strong>บันทึกผู้ให้บริการอัตโนมัติ</strong> ผู้ให้บริการและโมเดลล่าสุดบันทึกใน <code>provider.json</code></li>
262
- <li><strong>เพิ่มความปลอดภัย</strong> กฎ PowerShell, การป้องกัน tool call ผิดรูปแบบ, Guardian ตรวจสอบอัตโนมัติ</li>
263
- <li><strong>Bridge v2</strong> ควบคุมระยะไกลผ่าน WebSocket, relay client, REPL bridging</li>
264
- <li><strong>คำสั่ง PR</strong> <code>/pr create</code>, <code>list</code>, <code>view</code>, <code>review</code>, <code>merge</code>, <code>status</code></li>
265
- </ul>
266
-
267
- <div style="margin-top:var(--space-lg)">
268
- <a href="https://github.com/JonusNattapong/ClewCode/blob/main/CHANGELOG.md" class="btn btn-ghost">บันทึกการเปลี่ยนแปลงทั้งหมด →</a>
269
- </div>
270
-
271
- <!-- ─── Footer ─── -->
272
- <footer class="footer">
273
- <span>Clew v0.2.4 โอเพนซอร์ส</span>
274
- <div class="footer-links">
275
- <a href="https://github.com/JonusNattapong/ClewCode">GitHub</a>
276
- <a href="https://github.com/JonusNattapong/ClewCode/issues">ปัญหา</a>
277
- <a href="https://npmjs.com/package/clew-code">npm</a>
278
- </div>
279
- </footer>
280
-
281
- </main>
282
-
283
- <!-- ─── Right TOC ─── -->
284
- <nav class="toc-sidebar"></nav>
285
- </div>
286
- </div>
287
-
288
- <script src="js/main.js"></script>
289
- </body>
290
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="th">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Clew — ผู้ช่วยเขียนโค้ด AI หลายผู้ให้บริการ</title>
7
+ <meta name="description" content="ผู้ช่วยเขียนโค้ดบนเทอร์มินัล รองรับผู้ให้บริการ AI 15+ ราย, คำสั่ง 80+ รายการ, ระบบปลั๊กอินที่ขยายได้">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+ <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap" rel="stylesheet">
11
+ <link rel="stylesheet" href="css/styles.css">
12
+ <link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
13
+ </head>
14
+ <body>
15
+
16
+ <header class="header"></header>
17
+
18
+ <div class="app">
19
+ <!-- ─── Sidebar ─── -->
20
+ <aside class="sidebar" id="sidebar"></aside>
21
+ <div class="sidebar-overlay" id="sidebarOverlay"></div>
22
+
23
+ <!-- ─── Content Wrap ─── -->
24
+ <div class="content-wrap">
25
+ <main class="content">
26
+
27
+ <!-- ─── Breadcrumbs ─── -->
28
+ <div class="breadcrumbs">
29
+ <a href="index.th.html">หน้าแรก</a>
30
+ </div>
31
+
32
+ <!-- ─── Hero ─── -->
33
+ <section class="hero">
34
+ <div class="hero-badge">
35
+ <span class="dot"></span>
36
+ v0.2.7 — CLI AI หลายผู้ให้บริการ
37
+ </div>
38
+ <h1>
39
+ เขียนโค้ดด้วย<br>
40
+ <span class="highlight">โมเดลไหนก็ได้</span>
41
+ </h1>
42
+ <p>
43
+ ผู้ช่วยเขียนโค้ดบนเทอร์มินัลพร้อมระบบ路由หลายผู้ให้บริการ
44
+ สถาปัตยกรรมปลั๊กอินที่ขยายได้ และระบบเครื่องมือครบครัน
45
+ สำหรับเวิร์กโฟลว์การพัฒนาระดับมืออาชีพ
46
+ </p>
47
+ <div class="hero-actions">
48
+ <a href="https://npmjs.com/package/clew-code" class="btn btn-primary">
49
+ npm install -g clew-code
50
+ </a>
51
+ <a href="https://github.com/ClewCode/ClewCode" class="btn btn-ghost" target="_blank">
52
+ GitHub →
53
+ </a>
54
+ </div>
55
+ </section>
56
+
57
+ <!-- ─── Terminal Demo ─── -->
58
+ <div class="terminal-window">
59
+ <div class="terminal-bar">
60
+ <span class="terminal-dot"></span>
61
+ <span class="terminal-dot"></span>
62
+ <span class="terminal-dot"></span>
63
+ <span class="terminal-title">clew — ~/project</span>
64
+ </div>
65
+ <div class="terminal-body">
66
+ <span class="line"><span class="prompt">$</span> <span class="cmd">clew</span></span>
67
+ <span class="line"><span class="output">╭──────────────────────────────────────────╮</span></span>
68
+ <span class="line"><span class="output">│ <span class="highlight-amber">Clew</span> · model: <span class="highlight-cyan">deepseek-v4-flash</span> │</span></span>
69
+ <span class="line"><span class="output">│ provider: <span class="highlight-cyan">DeepSeek</span> · context: <span class="highlight-amber">78%</span> │</span></span>
70
+ <span class="line"><span class="output">╰──────────────────────────────────────────╯</span></span>
71
+ <span class="line"><span class="prompt">></span> <span class="cmd">"ค้นหา unused exports ทั้งหมดใน src/"</span></span>
72
+ <span class="line"><span class="output">กำลังค้นหา <span class="highlight-cyan">3 ไฟล์</span>... พบ <span class="highlight-amber">2 unused exports</span>.</span></span>
73
+ </div>
74
+ </div>
75
+
76
+ <!-- ─── Stats ─── -->
77
+ <div class="stats-grid">
78
+ <div class="stat-card">
79
+ <div class="stat-number">27</div>
80
+ <div class="stat-label">ผู้ให้บริการ AI</div>
81
+ </div>
82
+ <div class="stat-card">
83
+ <div class="stat-number">80+</div>
84
+ <div class="stat-label">คำสั่ง Slash</div>
85
+ </div>
86
+ <div class="stat-card">
87
+ <div class="stat-number">50+</div>
88
+ <div class="stat-label">เครื่องมือในตัว</div>
89
+ </div>
90
+ <div class="stat-card">
91
+ <div class="stat-number">100%</div>
92
+ <div class="stat-label">โอเพนซอร์ส</div>
93
+ </div>
94
+ </div>
95
+
96
+ <!-- ─── Features ─── -->
97
+ <h2 class="section-title" id="features">ฟีเจอร์</h2>
98
+ <p class="section-subtitle">
99
+ ทุกสิ่งที่คุณต้องการสำหรับการพัฒนาแบบมี AI ช่วย — จากเทอร์มินัลเดียว
100
+ </p>
101
+
102
+ <div class="feature-grid">
103
+ <div class="feature-card">
104
+ <h3>路由หลายผู้ให้บริการ</h3>
105
+ <p>สลับระหว่าง Anthropic, OpenAI, Google Gemini, DeepSeek, OpenRouter, Ollama, xAI, Mistral, Groq, Cohere, KiloCode และอื่นๆ ได้ทันที</p>
106
+ <span class="feature-tag">/model</span>
107
+ <span class="feature-tag">/provider</span>
108
+ </div>
109
+ <div class="feature-card">
110
+ <h3>เครื่องมือในตัว 65+ รายการ</h3>
111
+ <p>Read, Edit, Write, Glob, Grep, Bash, Web Search, Research, MCP, LSP, Agent, Task, Monitor และ Workflow</p>
112
+ <span class="feature-tag">/tools</span>
113
+ </div>
114
+ <div class="feature-card">
115
+ <h3>ระบบปลั๊กอิน</h3>
116
+ <p>ขยายด้วยคำสั่ง, เอเจนต์, สกิล, ฮุค และ <a href="mcp.th.html">เซิร์ฟเวอร์ MCP</a> ระบบฮุคก่อน/หลังเครื่องมือสำหรับระบบอัตโนมัติ</p>
117
+ <span class="feature-tag">/plugin</span>
118
+ <span class="feature-tag">/skill</span>
119
+ </div>
120
+ <div class="feature-card">
121
+ <h3>มุมมองเอเจนต์</h3>
122
+ <p>แดชบอร์ดหลายเซสชันพร้อม daemon ผู้ดูแล, งานพื้นหลัง, การสื่อสาร IPC, การแยก worktree, คอลัมน์ PR, autocomplete และคีย์ลัด</p>
123
+ <span class="feature-tag">/agents</span>
124
+ </div>
125
+ <div class="feature-card">
126
+ <h3>เชลล์พื้นหลัง</h3>
127
+ <p>รันคำสั่งยาวเป็นงานเอเจนต์พื้นหลังด้วย <code>!bg &lt;command&gt;</code> สถานะสด, รหัสออก, การจับ stderr และการรวมแดชบอร์ด</p>
128
+ <span class="feature-tag">!bg</span>
129
+ </div>
130
+ <div class="feature-card">
131
+ <a href="daemon.th.html" style="color:inherit;text-decoration:none"><h3>โหมดอัตโนมัติ 24/7</h3>
132
+ <p>daemon ถาวรพร้อมคิวงาน, การจัดตารางอัตโนมัติ, การตรวจสอบสุขภาพ, การเริ่มใหม่อัตโนมัติ และการจัดระเบียบเวิร์กเกอร์</p></a>
133
+ <span class="feature-tag">/daemon</span>
134
+ <span class="feature-tag">/task</span>
135
+ </div>
136
+ <div class="feature-card">
137
+ <a href="research-memory.th.html" style="color:inherit;text-decoration:none"><h3>หน่วยความจำอัจฉริยะ</h3>
138
+ <p>การค้นหาเชิงความหมายข้ามภาษา, การเรียกคืนแบบผสม (local + LLM), การบันทึกอัตโนมัติ และการซิงค์ทีม</p></a>
139
+ <span class="feature-tag">/memory</span>
140
+ </div>
141
+ <div class="feature-card">
142
+ <h3>โหมด Bridge</h3>
143
+ <p>การทำงานร่วมกันระยะไกลผ่าน WebSocket, การแชร์เซสชัน, การเริ่มต้นทีม และไคลเอนต์มือถือ/เว็บ</p>
144
+ <span class="feature-tag">Bridge</span>
145
+ </div>
146
+ <div class="feature-card">
147
+ <h3>KiloCompact</h3>
148
+ <p>การบีบอัดบริบทในเครื่อง: การตัด log/trace, การรวมสถานะที่ล้มเหลว, การตัดรอบการสนทนาตามความหมาย</p>
149
+ <span class="feature-tag">/compact</span>
150
+ </div>
151
+ <div class="feature-card">
152
+ <h3>โหมดสิทธิ์</h3>
153
+ <p>ค่าเริ่มต้น, อัตโนมัติ, แผน, YOLO Lite, YOLO, YOLO MAX — ควบคุมความปลอดภัยในการใช้เครื่องมือแบบละเอียด</p>
154
+ <span class="feature-tag">/permissions</span>
155
+ </div>
156
+ <div class="feature-card">
157
+ <h3>การเรียนรู้ความชอบ</h3>
158
+ <p>ระบบ Taste ที่เรียนรู้สไตล์การเขียนโค้ดของคุณจากสัญญาณ accept/reject/edit เมนูแบบโต้ตอบ, การตรวจสอบการแก้ไข, การโหลดค่าตั้งค่าใหม่ทันที</p>
159
+ <span class="feature-tag">/taste</span>
160
+ </div>
161
+ </div>
162
+
163
+ <!-- ─── Usage ─── -->
164
+ <h2 class="section-title" id="usage">เริ่มต้นใช้งาน</h2>
165
+ <p class="section-subtitle">จากศูนย์ถึงการเขียนโค้ดในไม่ถึงนาที</p>
166
+
167
+ <div class="code-block-wrap">
168
+ <div class="code-block-header">
169
+ <span>bash</span>
170
+ </div>
171
+ <pre><code><span class="cmd-muted">$</span> <span class="cmd-primary">npm install -g clew-code</span>
172
+ <span class="cmd-muted">$</span> <span class="cmd-primary">export ANTHROPIC_API_KEY=sk-ant-...</span>
173
+ <span class="cmd-muted">$</span> <span class="cmd-primary">clew</span>
174
+
175
+ <span class="cmd-muted"># ถามคำถาม</span>
176
+ <span class="cmd-muted">></span> <span class="cmd-primary">"ค้นหา unused exports ทั้งหมดใน src/"</span>
177
+
178
+ <span class="cmd-muted"># สลับโมเดลทันที</span>
179
+ <span class="cmd-muted">></span> <span class="cmd-primary">/model deepseek-v4-flash</span>
180
+
181
+ <span class="cmd-muted"># จัดการบริบท</span>
182
+ <span class="cmd-muted">></span> <span class="cmd-primary">/clear</span> <span class="cmd-muted"># เริ่มใหม่</span>
183
+ <span class="cmd-muted">></span> <span class="cmd-primary">/compact</span> <span class="cmd-muted"># บีบอัดบริบท</span>
184
+ <span class="cmd-muted">></span> <span class="cmd-primary">/resume</span> <span class="cmd-muted"># กลับมาเซสชันล่าสุด</span></code></pre>
185
+ </div>
186
+
187
+ <!-- ─── Slash Commands ─── -->
188
+ <h2 class="section-title" id="commands">คำสั่ง Slash</h2>
189
+ <p class="section-subtitle">80+ คำสั่งสำหรับควบคุมทุกด้านของเวิร์กโฟลว์ของคุณ</p>
190
+
191
+ <table>
192
+ <thead>
193
+ <tr><th>หมวดหมู่</th><th>คำสั่ง</th><th>คำอธิบาย</th></tr>
194
+ </thead>
195
+ <tbody>
196
+ <tr><td><span class="cmd-accent">ไฟล์</span></td><td><code>/read</code> <code>/edit</code> <code>/write</code> <code>/glob</code> <code>/grep</code></td><td>อ่าน, แก้ไข, สร้าง, และค้นหาไฟล์</td></tr>
197
+ <tr><td><span class="cmd-accent">Git</span></td><td><code>/diff</code> <code>/commit</code> <code>/branch</code></td><td>การดำเนินการควบคุมเวอร์ชัน</td></tr>
198
+ <tr><td><span class="cmd-accent">โมเดล</span></td><td><code>/model</code> <code>/provider</code> <code>/cost</code> <code>/usage</code> <code>/stats</code></td><td>สลับโมเดลและติดตามการใช้งาน</td></tr>
199
+ <tr><td><span class="cmd-accent">เซสชัน</span></td><td><code>/clear</code> <code>/compact</code> <code>/resume</code> <code>/session</code> <code>/rewind</code></td><td>จัดการบริบทและเซสชัน</td></tr>
200
+ <tr><td><span class="cmd-accent">ตั้งค่า</span></td><td><code>/permissions</code> <code>/plan</code> <code>/config</code> <code>/theme</code></td><td>การตั้งค่าและค่ากำหนด</td></tr>
201
+ <tr><td><span class="cmd-accent">ขยาย</span></td><td><code>/plugin</code> <code>/skill</code> <code>/agent</code> <code>/agents</code> <code>/mcp</code></td><td>ปลั๊กอิน, สกิล, เอเจนต์, MCP</td></tr>
202
+ <tr><td><span class="cmd-accent">Daemon</span></td><td><code>/daemon</code> <code>/task</code> <code>/loop</code></td><td>เอเจนต์อัตโนมัติ 24/7, คิวงาน, งานที่ทำซ้ำ</td></tr>
203
+ <tr><td><span class="cmd-accent">อัตโนมัติ</span></td><td><code>/autofix-pr</code></td><td>แก้ไข CI และรีวิว PR ผ่าน Clew บนเว็บ</td></tr>
204
+ <tr><td><span class="cmd-accent">ระบบ</span></td><td><code>/help</code> <code>/status</code> <code>/doctor</code> <code>/exit</code></td><td>ช่วยเหลือ, ตรวจสอบ, และออก</td></tr>
205
+ </tbody>
206
+ </table>
207
+
208
+ <!-- ─── Providers ─── -->
209
+ <h2 class="section-title" id="providers">ผู้ให้บริการ AI</h2>
210
+ <p class="section-subtitle">นำคีย์ของคุณเอง — ใช้โมเดลที่เหมาะกับแต่ละงาน</p>
211
+
212
+ <table>
213
+ <thead>
214
+ <tr><th>ผู้ให้บริการ</th><th>การตั้งค่า</th><th>โมเดล</th></tr>
215
+ </thead>
216
+ <tbody>
217
+ <tr><td><span class="cmd-info">Anthropic</span></td><td><code>ANTHROPIC_API_KEY</code></td><td>claude-opus-4-7, claude-sonnet-4-6</td></tr>
218
+ <tr><td><span class="cmd-info">OpenAI</span></td><td><code>OPENAI_API_KEY</code></td><td>gpt-5.5, gpt-5.4-mini</td></tr>
219
+ <tr><td><span class="cmd-info">Google</span></td><td><code>GOOGLE_API_KEY</code></td><td>gemini-3.1-pro, gemini-3.1-flash</td></tr>
220
+ <tr><td><span class="cmd-info">DeepSeek</span></td><td><code>DEEPSEEK_API_KEY</code></td><td>deepseek-v4-pro, deepseek-v4-flash</td></tr>
221
+ <tr><td><span class="cmd-info">OpenRouter</span></td><td><code>OPENROUTER_API_KEY</code></td><td>100+ โมเดลผ่าน API</td></tr>
222
+ <tr><td><span class="cmd-info">Ollama</span></td><td><code>OLLAMA_HOST</code></td><td>llama3.3, llama4:70b, qwen3.6</td></tr>
223
+ <tr><td><span class="cmd-info">xAI</span></td><td><code>XAI_API_KEY</code></td><td>grok-4.3</td></tr>
224
+ <tr><td><span class="cmd-info">Mistral</span></td><td><code>MISTRAL_API_KEY</code></td><td>mistral-large-3, mistral-small-4</td></tr>
225
+ <tr><td><span class="cmd-info">Groq</span></td><td><code>GROQ_API_KEY</code></td><td>llama-3.3-70b, deepseek-v4</td></tr>
226
+ <tr><td><span class="cmd-info">Cohere</span></td><td><code>COHERE_API_KEY</code></td><td>command-a-plus</td></tr>
227
+ <tr><td><span class="cmd-info">Clew Gateway</span></td><td><code>CLEW_GATEWAY_API_KEY</code></td><td>Unified API gateway</td></tr>
228
+ <tr><td><span class="cmd-info">KiloCode</span></td><td><code>KILOCODE_API_KEY</code></td><td>kilo-auto/free, kilo-auto/balanced</td></tr>
229
+ </tbody>
230
+ </table>
231
+
232
+ <!-- ─── Plugins ─── -->
233
+ <h2 class="section-title" id="plugins">ปลั๊กอินและสกิล</h2>
234
+ <p class="section-subtitle">ขยายความสามารถด้วยปลั๊กอินในตัวและจาก marketplace</p>
235
+
236
+ <table>
237
+ <thead>
238
+ <tr><th>ปลั๊กอิน</th><th>คำอธิบาย</th></tr>
239
+ </thead>
240
+ <tbody>
241
+ <tr><td><code>commit-commands</code></td><td>เวิร์กโฟลว์ Git: commit, push, สร้าง PR</td></tr>
242
+ <tr><td><code>code-review</code></td><td>รีวิวโค้ด PR อัตโนมัติ</td></tr>
243
+ <tr><td><code>feature-dev</code></td><td>พัฒนาฟีเจอร์แบบมีคำแนะนำกับเอเจนต์</td></tr>
244
+ <tr><td><code>frontend-design</code></td><td>สร้าง UI/UX ระดับโปรดักชัน</td></tr>
245
+ <tr><td><code>verify</code></td><td>ตรวจสอบชนิด, lint, build, และ test</td></tr>
246
+ <tr><td><code>debug</code></td><td>ช่วยเหลือการดีบัก</td></tr>
247
+ <tr><td><code>commit</code></td><td>Git commit แบบ conventional</td></tr>
248
+ <tr><td><code>simplify</code></td><td>ตรวจสอบคุณภาพโค้ดและการใช้ซ้ำ</td></tr>
249
+ <tr><td><code>web-search</code></td><td>ค้นหาเว็บหลายผู้ให้บริการ</td></tr>
250
+ <tr><td><code>scrapling</code></td><td>ดึงข้อมูลเว็บด้วย Scrapling</td></tr>
251
+ <tr><td><code>skillify</code></td><td>สร้างสกิลจากเวิร์กโฟลว์</td></tr>
252
+ <tr><td><code>remember</code></td><td>บันทึกค่ากำหนดผู้ใช้</td></tr>
253
+ </tbody>
254
+ </table>
255
+
256
+ <!-- ─── Changelog ─── -->
257
+ <h2 class="section-title" id="updates">อัปเดต v0.2.7</h2>
258
+ <ul>
259
+ <li><strong>ระบบ Taste</strong> — ระบบเรียนรู้ความชอบในเครื่อง เมนู <code>/taste</code> แบบโต้ตอบ แถบสถานะ, โหลดค่าตั้งค่าใหม่ทันที</li>
260
+ <li><strong>ตัวเลือกโมเดลแบ่งตามผู้ให้บริการ</strong> — <code>/model</code> ตอนนี้แสดงโมเดลทั้งหมดจากทุกผู้ให้บริการ</li>
261
+ <li><strong>บันทึกผู้ให้บริการอัตโนมัติ</strong> — ผู้ให้บริการและโมเดลล่าสุดบันทึกใน <code>provider.json</code></li>
262
+ <li><strong>เพิ่มความปลอดภัย</strong> — กฎ PowerShell, การป้องกัน tool call ผิดรูปแบบ, Guardian ตรวจสอบอัตโนมัติ</li>
263
+ <li><strong>Bridge v2</strong> — ควบคุมระยะไกลผ่าน WebSocket, relay client, REPL bridging</li>
264
+ <li><strong>คำสั่ง PR</strong> — <code>/pr create</code>, <code>list</code>, <code>view</code>, <code>review</code>, <code>merge</code>, <code>status</code></li>
265
+ </ul>
266
+
267
+ <div style="margin-top:var(--space-lg)">
268
+ <a href="https://github.com/ClewCode/ClewCode/blob/main/CHANGELOG.md" class="btn btn-ghost">บันทึกการเปลี่ยนแปลงทั้งหมด →</a>
269
+ </div>
270
+
271
+ <!-- ─── Footer ─── -->
272
+ <footer class="footer">
273
+ <span>Clew v0.2.7 — โอเพนซอร์ส</span>
274
+ <div class="footer-links">
275
+ <a href="https://github.com/ClewCode/ClewCode">GitHub</a>
276
+ <a href="https://github.com/ClewCode/ClewCode/issues">ปัญหา</a>
277
+ <a href="https://npmjs.com/package/clew-code">npm</a>
278
+ </div>
279
+ </footer>
280
+
281
+ </main>
282
+
283
+ <!-- ─── Right TOC ─── -->
284
+ <nav class="toc-sidebar"></nav>
285
+ </div>
286
+ </div>
287
+
288
+ <script src="js/main.js"></script>
289
+ </body>
290
+ </html>
291
+
292
+