关于这个项目
这不是『作品集展示页』，而是真的能用的 AI 工具站。每个工具都跑在你浏览器和我的边缘函数之间，没有中间商赚差价。源码完全开源，欢迎抄。
/ principles
核心原则
BYOK 优先
你的 API Key 只存在 localStorage，永远不会上传到我的服务器。作者默认 key 仅作 quota 兜底。
全程流式
AI 调用不允许『转圈等结果』。从 Provider 一路 stream 到浏览器，第一个 token <2s。
零追踪
不收集用户内容、不打分析点、不存历史。只在 Vercel KV 记一个匿名计数器用于公开 stats 页。
Lighthouse 95+
全维度（性能 / 可达性 / 最佳实践 / SEO）≥ 95，移动端 3G 网络可用。
/ stack
技术栈
- Next.js 16
App Router · Turbopack · React Server Components
- TypeScript 5
strict 模式 · 禁用 any · Zod 运行时校验
- Tailwind CSS 4
@theme inline · OKLCH 色彩 · 零运行时 CSS
- shadcn/ui (base-nova)
可复制的组件 + @base-ui/react 原语
- Vercel AI SDK
多 Provider 统一接口 · 原生流式输出
- cmdk + sonner
命令面板 + Toast，键盘可达性优先
/ architecture
架构要点
01Edge 优先
API route 跑在 Vercel Edge，靠近用户。文章抓取 + Readability 提取在边缘节点完成。
02Vercel KV 双用途
缓存（URL 摘要 24h 复用）+ 计数器（公开 stats 透明展示成本）。
03Server Components 优先
整站 RSC，只把交互（主题切换、命令面板、流式输出）下沉到 client island。
/ contact