hashbrown
一个用于在浏览器中构建AI智能体的开源框架。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：hashbrown。 它的用途是：一个用于在浏览器中构建AI智能体的开源框架。 完整的 Skill 内容见：https://321skill.com/skills/hashbrown/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我在React项目中集成一个AI客服聊天窗口，使用OpenAI的GPT-4模型。”，它会引导你安装@hashbrownai/core, @hashbrownai/react, @hashbrownai/openai包，并指导你配置Node.js后端流式聊天端点，以及在前端使用useChat等钩子快速搭建出可用的智能对话组件。
介绍
Hashbrown 是一个开源框架，旨在解决在Web应用中嵌入和运行AI智能体的难题。它提供了一套核心和框架特定的UI包，以及用于Node后端的LLM SDK包装器，让开发者能够轻松地将智能对话、UI生成、数据预测等AI能力集成到React或Angular组件中。
使用Hashbrown时，开发者通常需要安装三个包：核心状态管理包（@hashbrownai/core）、对应前端框架的UI包（@hashbrownai/react 或 @hashbrownai/angular），以及用于后端的特定LLM提供商包（如@hashbrownai/openai）。通过配置一个Node.js后端端点来处理LLM请求并流式返回响应，前端组件即可调用AI功能。
它非常适合希望在前端应用中快速集成AI能力的前端、全栈或智能体开发者。无论是想为产品添加智能对话界面，还是希望通过自然语言生成UI或结构化数据，Hashbrown都能提供便捷的解决方案。
建议开发者从官方文档的快速入门指南开始，根据所选框架（React或Angular）和LLM提供商（如OpenAI）进行配置。需要注意的是，其功能深度可能受所选LLM模型能力的限制，并非所有模型都支持全部特性。
核心特点
Hashbrown的核心区别在于其“浏览器原生”的定位，提供了专门为React和Angular框架设计的UI层状态管理钩子/资源，并与后端LLM调用深度集成，实现了从UI到LLM的完整、流畅的开发体验。它通过统一的API封装了多个主流LLM提供商（如OpenAI、Anthropic、Ollama等），让开发者可以更专注于前端智能体逻辑，而不必处理不同SDK的差异。
注意事项
该框架主要专注于浏览器环境的前端集成，对于需要复杂后端业务逻辑或非Web环境（如移动原生应用、桌面应用）的智能体开发支持有限。
常见问题
Hashbrown支持哪些AI模型？
支持OpenAI、Azure OpenAI、Anthropic、Amazon Bedrock、Ollama、Google Gemini、Writer等主流提供商，其SDK支持的模型基本都可用。
Hashbrown需要后端服务吗？
是的，需要Node.js后端来运行LLM提供商包，处理API密钥并流式返回AI响应给前端。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/hashbrown/raw/index.md 读取 hashbrown 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/hashbrown/raw/index.md（查看排版版本）