-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
312 lines (289 loc) · 32.5 KB
/
Copy pathindex.html
File metadata and controls
312 lines (289 loc) · 32.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- ============ SEO ============ -->
<title>RikaiDev — Human vision. AI execution. Real products.</title>
<meta name="description" content="RikaiDev builds open-source, local-first AI tools, including Yomi: a personal LINE MCP server for Claude and local AI agents. MIT licensed and built in public.">
<meta name="keywords" content="RikaiDev, 理解, open source, developer tools, AI, MCP, yomi, toki, mesen, kaido, mimamori, minori, MIT, 開源工具, AI agent">
<meta name="author" content="RikaiDev">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="theme-color" content="#F2EEE5" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#17150F" media="(prefers-color-scheme: dark)">
<link rel="canonical" href="https://rikaidev.github.io/">
<link rel="icon" href="/assets/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/assets/favicon.svg">
<link rel="manifest" href="/site.webmanifest">
<link rel="alternate" hreflang="zh-Hant" href="https://rikaidev.github.io/">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="RikaiDev">
<meta property="og:locale" content="zh_TW">
<meta property="og:title" content="RikaiDev — Human vision. AI execution. Real products.">
<meta property="og:description" content="理解 (Rikai)。六個開源開發者工具，一套理念——人負責洞察，AI 負責執行。MIT、本機優先、building in public。">
<meta property="og:url" content="https://rikaidev.github.io/">
<meta property="og:image" content="https://rikaidev.github.io/assets/og.svg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="RikaiDev — Human vision. AI execution.">
<meta name="twitter:description" content="理解 (Rikai)。六個開源開發者工具，一套理念。MIT、本機優先、building in public。">
<meta name="twitter:image" content="https://rikaidev.github.io/assets/og.svg">
<!-- ============ GEO / structured data ============ -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://rikaidev.github.io/#org",
"name": "RikaiDev",
"alternateName": "理解",
"url": "https://rikaidev.github.io/",
"logo": "https://rikaidev.github.io/assets/favicon.svg",
"description": "以人為本、AI 為力的開源開發者工具組織。人負責洞察與判斷，AI 負責執行與規模。",
"slogan": "Human vision. AI execution. Real products.",
"sameAs": ["https://github.com/RikaiDev"]
},
{
"@type": "WebSite",
"@id": "https://rikaidev.github.io/#website",
"url": "https://rikaidev.github.io/",
"name": "RikaiDev",
"inLanguage": "zh-Hant",
"publisher": { "@id": "https://rikaidev.github.io/#org" }
},
{
"@type": "ItemList",
"name": "RikaiDev 開源工具",
"itemListElement": [
{ "@type": "SoftwareApplication", "position": 1, "name": "Yomi — Personal LINE MCP Server", "alternateName": ["yomi", "読み"], "applicationCategory": "DeveloperApplication", "operatingSystem": "Cross-platform", "description": "Connect Claude or another local AI agent to a personal LINE account to read, reply, send images, and search conversations with E2EE decryption on device.", "url": "https://rikaidev.github.io/yomi/", "codeRepository": "https://github.com/RikaiDev/yomi", "license": "https://opensource.org/licenses/MIT", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" } },
{ "@type": "SoftwareApplication", "position": 2, "name": "toki", "alternateName": "時", "applicationCategory": "DeveloperApplication", "operatingSystem": "Cross-platform", "description": "開發者自動時間追蹤，不需按下計時。", "url": "https://github.com/RikaiDev/toki", "license": "https://opensource.org/licenses/MIT", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" } },
{ "@type": "SoftwareApplication", "position": 3, "name": "mesen", "alternateName": "目線", "applicationCategory": "DeveloperApplication", "operatingSystem": "Cross-platform", "description": "以模擬使用者視角做 UX 行為測試。", "url": "https://github.com/RikaiDev/mesen", "license": "https://opensource.org/licenses/MIT", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" } },
{ "@type": "SoftwareApplication", "position": 4, "name": "kaido", "alternateName": "海道", "applicationCategory": "DeveloperApplication", "operatingSystem": "Cross-platform", "description": "終端機 AI Ops 教練，邊診斷邊教學。", "url": "https://github.com/RikaiDev/kaido", "license": "https://opensource.org/licenses/MIT", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" } },
{ "@type": "SoftwareApplication", "position": 5, "name": "mimamori", "alternateName": "見守り", "applicationCategory": "DeveloperApplication", "operatingSystem": "Cross-platform", "description": "守護團隊溝通氛圍的 Discord bot。", "url": "https://github.com/RikaiDev/mimamori", "license": "https://opensource.org/licenses/MIT", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" } },
{ "@type": "SoftwareApplication", "position": 6, "name": "minori", "alternateName": "実り", "applicationCategory": "DeveloperApplication", "operatingSystem": "Cross-platform", "description": "AI 農業協作，語音記錄與收成預測。", "url": "https://github.com/RikaiDev/minori", "license": "https://opensource.org/licenses/MIT", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" } }
]
}
]
}
</script>
<!-- fonts -->
<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=Fraunces:opsz,wght@9..144,400..700&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Noto+Sans+TC:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/assets/app.css">
<link rel="stylesheet" href="/assets/site.css">
<!-- no-flash theme restore -->
<script>(function(){try{var d=document.documentElement;if(localStorage.getItem('rk-theme')==='sumi')d.setAttribute('data-theme','sumi');if(localStorage.getItem('rk-lang')==='zh'){d.setAttribute('data-lang','zh');d.setAttribute('lang','zh-Hant');}}catch(e){}})();</script>
</head>
<body class="bg-paper text-ink font-sans">
<!-- ===== shared 離卦 mark library ===== -->
<svg width="0" height="0" class="absolute" aria-hidden="true"><defs>
<symbol id="m-li" viewBox="0 0 100 100"><rect x="24" y="30" width="52" height="11" rx="5.5" fill="var(--color-accent,#B23A28)" class="blink"/><rect x="24" y="47" width="21" height="11" rx="5.5" fill="var(--color-ink,#1F1C17)"/><rect x="55" y="47" width="21" height="11" rx="5.5" fill="var(--color-ink,#1F1C17)"/><rect x="24" y="64" width="52" height="11" rx="5.5" fill="var(--color-ink,#1F1C17)"/></symbol>
<symbol id="m-li-lite" viewBox="0 0 100 100"><rect x="24" y="30" width="52" height="11" rx="5.5" fill="var(--color-accent,#B23A28)" class="blink"/><rect x="24" y="47" width="21" height="11" rx="5.5" fill="#EDE7DA"/><rect x="55" y="47" width="21" height="11" rx="5.5" fill="#EDE7DA"/><rect x="24" y="64" width="52" height="11" rx="5.5" fill="#EDE7DA"/></symbol>
<symbol id="m-yomi" viewBox="0 0 100 100"><path d="M30 24 L48 50 L30 76" fill="none" stroke="var(--color-ink,#1F1C17)" stroke-width="8.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M70 24 L52 50 L70 76" fill="none" stroke="var(--color-ink,#1F1C17)" stroke-width="8.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="50" cy="50" r="4.6" fill="var(--color-accent,#B23A28)" class="pulse"/></symbol>
<symbol id="m-toki" viewBox="0 0 100 100"><circle cx="50" cy="50" r="26" fill="none" stroke="var(--color-ink,#1F1C17)" stroke-width="7" stroke-linecap="round"/><line x1="50" y1="50" x2="50" y2="31" stroke="var(--color-accent,#B23A28)" stroke-width="5.5" stroke-linecap="round" class="pulse"/><line x1="50" y1="50" x2="63" y2="57" stroke="var(--color-ink,#1F1C17)" stroke-width="5.5" stroke-linecap="round"/></symbol>
<symbol id="m-me" viewBox="0 0 100 100"><circle cx="40" cy="50" r="24" fill="var(--color-ink,#1F1C17)"/><circle cx="60" cy="50" r="24" fill="none" stroke="var(--color-accent,#B23A28)" stroke-width="4.5" stroke-dasharray="3.4 5.2" stroke-linecap="round" class="pulse"/></symbol>
<symbol id="m-mori" viewBox="0 0 100 100"><path d="M42 26 L29 26 L29 74 L42 74" fill="none" stroke="var(--color-ink,#1F1C17)" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M58 26 L71 26 L71 74 L58 74" fill="none" stroke="var(--color-ink,#1F1C17)" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="50" cy="50" r="5.2" fill="var(--color-accent,#B23A28)" class="pulse"/></symbol>
<symbol id="m-minori" viewBox="0 0 100 100"><path d="M50 76 L50 45" fill="none" stroke="var(--color-ink,#1F1C17)" stroke-width="7" stroke-linecap="round"/><path d="M50 54 C50 37 37 31 30 31 C30 46 39 54 50 54 Z" fill="var(--color-ink,#1F1C17)"/><circle cx="60" cy="37" r="9.5" fill="var(--color-accent,#B23A28)" class="pulse"/></symbol>
</defs></svg>
<div class="grain"></div>
<!-- ============ header ============ -->
<header class="site-header sticky top-0 z-30 flex items-center justify-between px-6 md:px-8 py-[15px] backdrop-blur-md border-b border-line">
<a href="#top" class="flex items-center gap-[11px]" aria-label="RikaiDev home">
<svg width="26" height="26" viewBox="0 0 100 100" class="mark" aria-hidden="true">
<rect x="24" y="30" width="52" height="11" rx="5.5" fill="var(--color-accent,#B23A28)" class="blink"/>
<rect x="24" y="47" width="21" height="11" rx="5.5" fill="var(--color-ink,#1F1C17)"/>
<rect x="55" y="47" width="21" height="11" rx="5.5" fill="var(--color-ink,#1F1C17)"/>
<rect x="24" y="64" width="52" height="11" rx="5.5" fill="var(--color-ink,#1F1C17)"/>
</svg>
<span class="font-mono font-bold text-[15px] tracking-[0.02em]">RikaiDev</span>
</a>
<nav class="flex items-center gap-4 sm:gap-6 font-mono text-[12px] tracking-[0.08em] text-sub">
<span class="rk-controls" role="group" aria-label="Site controls"></span>
<a data-t lang="en" href="#products" class="hidden sm:inline hover:text-ink transition-colors">Products</a>
<a data-t lang="zh" href="#products" class="hidden sm:inline hover:text-ink transition-colors">產品</a>
<a data-t lang="en" href="#why" class="hidden sm:inline hover:text-ink transition-colors">Open Source</a>
<a data-t lang="zh" href="#why" class="hidden sm:inline hover:text-ink transition-colors">開源</a>
<a data-t lang="en" href="/brand/" class="hidden sm:inline hover:text-ink transition-colors">Brand</a>
<a data-t lang="zh" href="/brand/" class="hidden sm:inline hover:text-ink transition-colors">品牌</a>
<a data-t lang="en" href="https://github.com/RikaiDev" target="_blank" rel="noopener" class="inline-flex items-center gap-[7px] bg-ink text-paper px-[13px] py-[7px] rounded-[5px] hover:opacity-90 transition-opacity">★ <span class="hidden xs:inline">Star on GitHub</span><span class="xs:hidden">GitHub</span></a>
<a data-t lang="zh" href="https://github.com/RikaiDev" target="_blank" rel="noopener" class="inline-flex items-center gap-[7px] bg-ink text-paper px-[13px] py-[7px] rounded-[5px] hover:opacity-90 transition-opacity">★ <span class="hidden xs:inline">在 GitHub 加星</span><span class="xs:hidden">GitHub</span></a>
</nav>
</header>
<main>
<!-- ============ hero ============ -->
<section id="top" class="mx-auto max-w-[1080px] px-6 md:px-8 pt-20 md:pt-24 pb-[72px] text-center">
<div class="flex justify-center mb-10">
<svg width="118" height="118" viewBox="0 0 100 100" class="mark brand-mark-rise" aria-hidden="true">
<rect x="24" y="30" width="52" height="11" rx="5.5" fill="var(--color-accent,#B23A28)" class="blink"/>
<rect x="24" y="47" width="21" height="11" rx="5.5" fill="var(--color-ink,#1F1C17)"/>
<rect x="55" y="47" width="21" height="11" rx="5.5" fill="var(--color-ink,#1F1C17)"/>
<rect x="24" y="64" width="52" height="11" rx="5.5" fill="var(--color-ink,#1F1C17)"/>
</svg>
</div>
<p class="font-mincho text-[15px] tracking-[0.55em] text-accent mb-[18px]">理 解</p>
<h1 class="font-serif font-medium text-[clamp(38px,6vw,72px)] leading-[1.08] tracking-[0.01em] mb-6">Human vision.<br>AI execution.<br>Real products.</h1>
<p data-t lang="en" class="font-sans font-light text-[clamp(16px,2.2vw,20px)] leading-[1.85] text-inksoft max-w-[600px] mx-auto mb-[14px]">RikaiDev (理解) builds open-source tools — humans own the insight and judgement, AI owns the execution and scale, and together they make something no one could build alone.</p>
<p data-t lang="zh" class="font-sans font-light text-[clamp(16px,2.2vw,20px)] leading-[1.85] text-inksoft max-w-[600px] mx-auto mb-[14px]">RikaiDev（理解）打造開源工具——人負責洞察與判斷，AI 負責執行與規模，一起做出一個人做不出的東西。</p>
<p class="font-mono text-[13px] tracking-[0.04em] text-sub mb-[38px]">We don't use AI to write code faster. We use AI to build what one person couldn't build alone.</p>
<div class="flex gap-[14px] justify-center flex-wrap">
<a data-t lang="en" href="https://github.com/RikaiDev" target="_blank" rel="noopener" class="font-mono font-medium text-[14px] bg-ink text-paper px-6 py-[13px] rounded-[6px] hover:opacity-90 transition-opacity">Explore on GitHub ↗</a>
<a data-t lang="zh" href="https://github.com/RikaiDev" target="_blank" rel="noopener" class="font-mono font-medium text-[14px] bg-ink text-paper px-6 py-[13px] rounded-[6px] hover:opacity-90 transition-opacity">到 GitHub 探索 ↗</a>
<a data-t lang="en" href="#products" class="font-mono font-medium text-[14px] text-ink px-6 py-[13px] rounded-[6px] border border-linestrong hover:border-accent transition-colors">See the tools</a>
<a data-t lang="zh" href="#products" class="font-mono font-medium text-[14px] text-ink px-6 py-[13px] rounded-[6px] border border-linestrong hover:border-accent transition-colors">看看這些工具</a>
</div>
<div data-t lang="en" class="flex gap-5 justify-center flex-wrap mt-[34px] font-mono text-[11.5px] tracking-[0.1em] text-sub2">
<span>MIT LICENSED</span><span aria-hidden="true" class="opacity-50">·</span><span>BUILDING IN PUBLIC</span><span aria-hidden="true" class="opacity-50">·</span><span>THE CODE IS THE PROOF</span>
</div>
<div data-t lang="zh" class="flex gap-5 justify-center flex-wrap mt-[34px] font-mono text-[11.5px] tracking-[0.1em] text-sub2">
<span>MIT 授權</span><span aria-hidden="true" class="opacity-50">·</span><span>公開開發</span><span aria-hidden="true" class="opacity-50">·</span><span>程式碼即證明</span>
</div>
</section>
<!-- ============ manifesto triad ============ -->
<section class="border-y border-line bg-paper2" aria-label="理念 Philosophy">
<div class="mx-auto max-w-[1080px] px-6 md:px-8 grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-line">
<div class="py-11 md:pr-[30px]">
<div class="font-mincho text-[34px] text-accent mb-[14px]">人</div>
<h2 data-t lang="en" class="font-serif text-[18px] mb-[6px]">Human — Insight</h2>
<h2 data-t lang="zh" class="font-serif text-[18px] mb-[6px]">人 — 洞察</h2>
<p data-t lang="en" class="font-sans font-light text-[13.5px] leading-[1.8] text-sub">Vision, taste, the decisions that truly matter. Humans set the direction.</p>
<p data-t lang="zh" class="font-sans font-light text-[13.5px] leading-[1.8] text-sub">願景、品味，真正重要的決定。方向由人來定。</p>
</div>
<div class="py-11 md:px-[30px]">
<div class="font-mincho text-[34px] text-accent mb-[14px]">技</div>
<h2 data-t lang="en" class="font-serif text-[18px] mb-[6px]">AI — Execution</h2>
<h2 data-t lang="zh" class="font-serif text-[18px] mb-[6px]">AI — 執行</h2>
<p data-t lang="en" class="font-sans font-light text-[13.5px] leading-[1.8] text-sub">Iteration, scale, everything that can be amplified. Hand the power to AI.</p>
<p data-t lang="zh" class="font-sans font-light text-[13.5px] leading-[1.8] text-sub">迭代、規模，所有能被放大的事。力量交給 AI。</p>
</div>
<div class="py-11 md:pl-[30px]">
<div class="font-mincho text-[34px] text-accent mb-[14px]">実</div>
<h2 data-t lang="en" class="font-serif text-[18px] mb-[6px]">Together — The product</h2>
<h2 data-t lang="zh" class="font-serif text-[18px] mb-[6px]">共創 — 成品</h2>
<p data-t lang="en" class="font-sans font-light text-[13.5px] leading-[1.8] text-sub">Shipped in production. Not replacing people — freeing them.</p>
<p data-t lang="zh" class="font-sans font-light text-[13.5px] leading-[1.8] text-sub">在生產環境出貨。不是取代人，是解放人。</p>
</div>
</div>
</section>
<!-- ============ products ============ -->
<section id="products" class="mx-auto max-w-[1080px] px-6 md:px-8 pt-[84px] pb-10">
<div class="flex items-baseline justify-between flex-wrap gap-3 mb-2">
<h2 data-t lang="en" class="font-serif font-medium text-[clamp(26px,3.4vw,38px)]">Six tools, one philosophy</h2>
<h2 data-t lang="zh" class="font-serif font-medium text-[clamp(26px,3.4vw,38px)]">六個工具，一套理念</h2>
<span class="font-mono text-[12px] text-sub">clone it · read it · run it</span>
</div>
<p data-t lang="en" class="font-sans font-light text-[15px] leading-[1.8] text-sub max-w-[640px] mb-11">Every name is a native Japanese word that carries layers of meaning through kanji, and what it describes is always human perception and care. As AI agents and MCP become everyday, these tools choose the human side — all MIT open source, local-first, privacy-first.</p>
<p data-t lang="zh" class="font-sans font-light text-[15px] leading-[1.8] text-sub max-w-[640px] mb-11">每個名字都是一個日文和語、以漢字承載多層意象，描述的永遠是人的知覺與關懷。當 AI agent 與 MCP 成為日常，這些工具選擇站在人這邊——全部 MIT 開源、本機優先、隱私優先。</p>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-[18px]">
<a href="/yomi/" class="group block bg-card border border-line rounded-[8px] p-[26px] hover:border-accent hover:-translate-y-0.5 transition-[border-color,transform] duration-200">
<div class="flex items-center gap-4 mb-4">
<svg width="42" height="42" viewBox="0 0 100 100" class="mark shrink-0" aria-hidden="true"><use href="#m-yomi"/></svg>
<div><div class="font-mono font-bold text-[19px]">yomi</div><div class="font-mincho text-[12.5px] tracking-[0.14em] text-sub">読み · 讀／詠／黄泉</div></div>
</div>
<p data-t lang="en" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4"><strong>Personal LINE MCP server</strong> for Claude and local AI agents. Read, reply, send images, and search existing chats with E2EE decrypted locally.</p>
<p data-t lang="zh" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">給 Claude 與本機 AI agent 使用的<strong>個人 LINE MCP server</strong>。讀取、回覆、傳圖與搜尋現有對話，E2EE 全在本機解密。</p>
<code class="block font-mono text-[11.5px] text-accent bg-codebg px-3 py-[9px] rounded-[5px] overflow-auto whitespace-nowrap">Desktop Extension · macOS · Windows · Linux</code>
</a>
<a href="https://github.com/RikaiDev/toki" target="_blank" rel="noopener" class="group block bg-card border border-line rounded-[8px] p-[26px] hover:border-accent hover:-translate-y-0.5 transition-[border-color,transform] duration-200">
<div class="flex items-center gap-4 mb-4">
<svg width="42" height="42" viewBox="0 0 100 100" class="mark shrink-0" aria-hidden="true"><use href="#m-toki"/></svg>
<div><div class="font-mono font-bold text-[19px]">toki</div><div class="font-mincho text-[12.5px] tracking-[0.14em] text-sub">時 · 時間／時刻</div></div>
</div>
<p data-t lang="en" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">Automatic time tracking for developers — no timer to press. It reads the context from your IDE and git, so time understands itself.</p>
<p data-t lang="zh" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">開發者自動時間追蹤，不需按下計時。從 IDE 與 git 讀出脈絡，時間自己被理解。</p>
<code class="block font-mono text-[11.5px] text-accent bg-codebg px-3 py-[9px] rounded-[5px] overflow-auto whitespace-nowrap">brew install RikaiDev/tap/toki</code>
</a>
<a href="https://github.com/RikaiDev/mesen" target="_blank" rel="noopener" class="group block bg-card border border-line rounded-[8px] p-[26px] hover:border-accent hover:-translate-y-0.5 transition-[border-color,transform] duration-200">
<div class="flex items-center gap-4 mb-4">
<svg width="42" height="42" viewBox="0 0 100 100" class="mark shrink-0" aria-hidden="true"><use href="#m-me"/></svg>
<div><div class="font-mono font-bold text-[19px]">mesen</div><div class="font-mincho text-[12.5px] tracking-[0.14em] text-sub">目線 · 視線／視角</div></div>
</div>
<p data-t lang="en" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">UX testing through simulated user perspectives — see your interface through someone else's eyes. Persona-driven and grounded in evidence.</p>
<p data-t lang="zh" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">以模擬使用者視角做 UX 測試——用別人的眼睛看你的介面。persona 驅動、有據可依。</p>
<code class="block font-mono text-[11.5px] text-accent bg-codebg px-3 py-[9px] rounded-[5px] overflow-auto whitespace-nowrap">npm install -D mesen</code>
</a>
<a href="https://github.com/RikaiDev/kaido" target="_blank" rel="noopener" class="group block bg-card border border-line rounded-[8px] p-[26px] hover:border-accent hover:-translate-y-0.5 transition-[border-color,transform] duration-200">
<div class="flex items-center gap-4 mb-4">
<svg width="42" height="42" viewBox="0 0 100 100" class="mark shrink-0" aria-hidden="true"><path d="M30 30 L50 50 L30 70" fill="none" stroke="var(--color-ink,#1F1C17)" stroke-width="8.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="58" y="34" width="9" height="32" rx="1.5" fill="var(--color-accent,#B23A28)" class="blink"/></svg>
<div><div class="font-mono font-bold text-[19px]">kaido</div><div class="font-mincho text-[12.5px] tracking-[0.14em] text-sub">海道 · 通海的路</div></div>
</div>
<p data-t lang="en" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">Your AI coach in the terminal — it diagnoses and teaches at once, so you learn why, not just how. Runs on a local LLM, offline-capable.</p>
<p data-t lang="zh" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">你的終端機 AI 教練——邊診斷邊教學，學為什麼，不只是怎麼做。本機 LLM 可離線。</p>
<code class="block font-mono text-[11.5px] text-accent bg-codebg px-3 py-[9px] rounded-[5px] overflow-auto whitespace-nowrap">cargo install --git https://github.com/RikaiDev/kaido</code>
</a>
<a href="https://github.com/RikaiDev/mimamori" target="_blank" rel="noopener" class="group block bg-card border border-line rounded-[8px] p-[26px] hover:border-accent hover:-translate-y-0.5 transition-[border-color,transform] duration-200">
<div class="flex items-center gap-4 mb-4">
<svg width="42" height="42" viewBox="0 0 100 100" class="mark shrink-0" aria-hidden="true"><use href="#m-mori"/></svg>
<div><div class="font-mono font-bold text-[19px]">mimamori</div><div class="font-mincho text-[12.5px] tracking-[0.14em] text-sub">見守り · 守望／守護</div></div>
</div>
<p data-t lang="en" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">A Discord bot that watches over your team's mood — gentle attention, not surveillance. It understands context across channels.</p>
<p data-t lang="zh" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">守護團隊溝通氛圍的 Discord bot——溫柔地看顧，而非監控。跨頻道理解語境。</p>
<code class="block font-mono text-[11.5px] text-accent bg-codebg px-3 py-[9px] rounded-[5px] overflow-auto whitespace-nowrap">git clone https://github.com/RikaiDev/mimamori</code>
</a>
<a href="https://github.com/RikaiDev/minori" target="_blank" rel="noopener" class="group block bg-card border border-line rounded-[8px] p-[26px] hover:border-accent hover:-translate-y-0.5 transition-[border-color,transform] duration-200">
<div class="flex items-center gap-4 mb-4">
<svg width="42" height="42" viewBox="0 0 100 100" class="mark shrink-0" aria-hidden="true"><use href="#m-minori"/></svg>
<div><div class="font-mono font-bold text-[19px]">minori</div><div class="font-mincho text-[12.5px] tracking-[0.14em] text-sub">実り · 結果／收成</div></div>
</div>
<p data-t lang="en" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">An AI collaboration platform for farming — log the fields by voice, forecast the harvest, and connect farmers with buyers over LINE. So the work bears fruit.</p>
<p data-t lang="zh" class="font-sans font-light text-[13.5px] leading-[1.75] text-inksoft mb-4">AI 農業協作平台——語音記錄田間、預測收成，透過 LINE 連結農戶與買家。讓耕耘有結果。</p>
<code class="block font-mono text-[11.5px] text-accent bg-codebg px-3 py-[9px] rounded-[5px] overflow-auto whitespace-nowrap">bun install · bun run dev</code>
</a>
</div>
<div class="mt-[22px] flex gap-[14px] flex-wrap items-center font-mono text-[12px] text-sub">
<span data-t lang="en" class="px-3 py-[6px] border border-dashed border-linestrong rounded-full">AII — the philosophy layer · a manifesto for human ⇄ AI interaction</span>
<span data-t lang="zh" class="px-3 py-[6px] border border-dashed border-linestrong rounded-full">AII — 理念層 · 人 ⇄ AI 的互動宣言</span>
<span data-t lang="en" class="px-3 py-[6px] border border-dashed border-linestrong rounded-full">cortex — the archived forerunner</span>
<span data-t lang="zh" class="px-3 py-[6px] border border-dashed border-linestrong rounded-full">cortex — 已封存的先行者</span>
</div>
</section>
<!-- ============ why open source ============ -->
<section id="why" class="border-t border-line bg-deep text-ondark">
<div class="mx-auto max-w-[1080px] px-6 md:px-8 py-20">
<div class="font-mono text-[12px] tracking-[0.28em] uppercase text-ondarksub mb-[26px]">Why open source</div>
<h2 data-t lang="en" class="font-serif font-medium text-[clamp(28px,4vw,46px)] leading-[1.25] max-w-[820px] mb-4">The code is the proof.<br>Not slides, not a demo, not a Twitter thread.</h2>
<h2 data-t lang="zh" class="font-serif font-medium text-[clamp(28px,4vw,46px)] leading-[1.25] max-w-[820px] mb-4">程式碼，即證明。<br>不是投影片，不是 demo，不是 Twitter thread。</h2>
<p data-t lang="en" class="font-mono text-[13px] tracking-[0.05em] text-ondarksub mb-[52px]">Everyone ships with AI now; the only difference is whether yours can be cloned, read, and verified.<br>If AI-native development works, you should be able to see it in the commits.</p>
<p data-t lang="zh" class="font-mono text-[13px] tracking-[0.05em] text-ondarksub mb-[52px]">如今人人都用 AI 出貨；差別只在於，你的能不能被 clone、被讀、被驗證。<br>If AI-native development works, you should be able to see it in the commits.</p>
<div class="grid grid-cols-2 md:grid-cols-4 gap-px bg-[rgba(237,231,218,0.14)] border border-[rgba(237,231,218,0.14)]">
<div class="bg-deep px-[26px] py-[30px]"><div class="font-mono text-[22px] text-accent mb-[10px]">clone</div><p data-t lang="en" class="font-sans font-light text-[13px] leading-[1.7] text-ondarksub">All MIT. Clone it and it's yours.</p><p data-t lang="zh" class="font-sans font-light text-[13px] leading-[1.7] text-ondarksub">全部 MIT。抓下來就是你的。</p></div>
<div class="bg-deep px-[26px] py-[30px]"><div class="font-mono text-[22px] text-accent mb-[10px]">read</div><p data-t lang="en" class="font-sans font-light text-[13px] leading-[1.7] text-ondarksub">Every decision lives in the commits, laid open for you to see.</p><p data-t lang="zh" class="font-sans font-light text-[13px] leading-[1.7] text-ondarksub">每個決定都在 commit 裡，攤開給你看。</p></div>
<div class="bg-deep px-[26px] py-[30px]"><div class="font-mono text-[22px] text-accent mb-[10px]">run</div><p data-t lang="en" class="font-sans font-light text-[13px] leading-[1.7] text-ondarksub">Local-first, privacy-first — your data stays on your machine.</p><p data-t lang="zh" class="font-sans font-light text-[13px] leading-[1.7] text-ondarksub">本機優先、隱私優先，資料留在你機器上。</p></div>
<div class="bg-deep px-[26px] py-[30px]"><div class="font-mono text-[22px] text-accent mb-[10px]">break</div><p data-t lang="en" class="font-sans font-light text-[13px] leading-[1.7] text-ondarksub">Open an issue, send a PR. An honest failure beats a faked success.</p><p data-t lang="zh" class="font-sans font-light text-[13px] leading-[1.7] text-ondarksub">開 issue、送 PR。誠實的錯誤，勝過偽造的成功。</p></div>
</div>
<div class="mt-10 flex gap-[14px] flex-wrap">
<a href="https://github.com/RikaiDev" target="_blank" rel="noopener" class="font-mono font-medium text-[14px] bg-accent text-hi px-6 py-[13px] rounded-[6px] hover:opacity-90 transition-opacity">github.com/RikaiDev ↗</a>
<a data-t lang="en" href="https://github.com/RikaiDev/AII" target="_blank" rel="noopener" class="font-mono font-medium text-[14px] text-ondark px-6 py-[13px] rounded-[6px] border border-[rgba(237,231,218,0.3)] hover:border-accent transition-colors">Read the AII manifesto</a>
<a data-t lang="zh" href="https://github.com/RikaiDev/AII" target="_blank" rel="noopener" class="font-mono font-medium text-[14px] text-ondark px-6 py-[13px] rounded-[6px] border border-[rgba(237,231,218,0.3)] hover:border-accent transition-colors">讀 AII 宣言</a>
</div>
</div>
</section>
</main>
<!-- ============ footer ============ -->
<footer class="bg-deep2 text-ondarksub">
<div class="mx-auto max-w-[1080px] px-6 md:px-8 py-14 flex justify-between items-end flex-wrap gap-8">
<div class="flex items-center gap-4">
<svg width="44" height="44" viewBox="0 0 100 100" class="mark" aria-hidden="true"><use href="#m-li-lite"/></svg>
<div>
<div class="font-mono text-[16px] text-ondark">RikaiDev</div>
<div class="font-mincho text-[12px] tracking-[0.4em] mt-1">理解 · りかい</div>
</div>
</div>
<div data-t lang="en" class="font-mono text-[11.5px] leading-[1.9] text-left sm:text-right">
Human vision. AI execution. Real products.<br>
Building in public · Shipping in production<br>
<a href="https://github.com/RikaiDev" target="_blank" rel="noopener" class="hover:text-accent">github.com/RikaiDev</a> · MIT · <a href="/brand/" class="hover:text-accent">Brand System</a>
</div>
<div data-t lang="zh" class="font-mono text-[11.5px] leading-[1.9] text-left sm:text-right">
Human vision. AI execution. Real products.<br>
公開開發 · 生產環境出貨<br>
<a href="https://github.com/RikaiDev" target="_blank" rel="noopener" class="hover:text-accent">github.com/RikaiDev</a> · MIT · <a href="/brand/" class="hover:text-accent">品牌系統</a>
</div>
</div>
</footer>
<script src="/assets/ui.js" defer></script>
</body>
</html>