Speck.js：AI 代理的持久内存，一行代码实现

Source: Dev.to

Introduction

为 Web 应用添加 AI 通常需要大量样板代码：消息状态、加载状态、错误处理、API 调用、流管理、历史记录等。Speck.js 消除了所有这些。

上面的代码片段渲染了一个完整的聊天界面，具备流式响应、会话历史和错误处理——无需任何状态管理、useEffect 或样板代码。

Features

Persistent Memory (v0.4.1)

Speck.js 引入了内置持久化记忆，使代理能够在浏览器会话、页面刷新乃至系统重启后记住对话。

• 会话 ID 存储在 localStorage 中。
• 对话通过 libSQL 保存到本地 SQLite 数据库。
• 自动加载最近 100 条交互到上下文中。
• 每个代理通过 id 属性保持独立的记忆。

Automatic Component Discovery

Speck.js 组件会自动发现彼此，省去手动导入的需求。

编译器会自动解析依赖关系。

Getting Started

npm create speck-app@latest my-app
cd my-app
npm run dev

1. 将你的 Anthropic API 密钥添加到 .env 文件中。
2. 立即开始构建 AI 原生应用。

Tooling Support

• VS Code Extension – 为 .speck 文件提供语法高亮和 IntelliSense。
• Hot Reload – 保存即刻编译。
• Built‑in Dev Server – 包含 API 代理，实现无缝的 Claude 集成。

Website:
npm package: create-speck-app (npm i -g create-speck-app)
Documentation:

Roadmap

• 通过向量搜索实现语义记忆召回。
• 多代理协同。
• 超越聊天的更多代理类型。

欢迎反馈——哪些功能对你最有价值？