应用工具工具
ask-widget：为开发者作品集提供流式回复的悬浮聊天组件
chitranklabs/ask-widget · A lightweight chat widget for developer portfolios. Drop-in floating chat with SSE streaming, dark/light themes, and configurable positioning. Aligned with the neutral zinc palette.
ELI5：它是什么，解决什么问题
ask-widget 是一个面向开发者作品集的轻量 React 聊天组件，提供悬浮启动器、对话面板与输入框，支持 SSE 流式输出、深浅色主题、颜色覆盖、定位配置，以及在浏览器本地保存历史记录和取消请求。项目同时提供 useChat、useSSEStream、useSession 等无渲染 hooks，便于自建界面；模型访问、鉴权和请求限流需由自有后端提供。
核心能力与快速开始
★ 0 · TypeScript
- 能做什么
- 提供可直接嵌入的 React 聊天组件 ChatWidget，包含悬浮启动器、会话面板和输入框；支持 SSE 流式响应、JSON SSE 帧或自定义异步处理适配器、深浅色主题与颜色覆盖、定位配置、浏览器本地历史记录和请求取消。另提供 useChat、useSSEStream、useSession hooks，用于构建自定义聊天界面。npm 分发包含 ESM、CommonJS、TypeScript 声明和 styles.css。
- 适用场景
- 适合放在开发者个人作品集或个人网站作为问答入口，也可在 Next.js 或 Vite 等 React 项目中集成浮动聊天界面；需要自定义交互时，可用 headless hooks 自建界面。演示模式返回脚本化回复，便于先展示界面效果，再接后端。
- 项目形态
- 开发框架
- 部署方式
- 通过 npm 或 pnpm 安装并在 React 项目中引入；需要自行部署提供模型访问和流式接口的后端。其他部署条件未说明。
- 主要依赖
- 使用 React 和 React DOM 18 或更高版本；包声明 Node.js 24 或更高版本。后端需自行提供模型访问、鉴权和请求限流；密钥应保留在服务端。
- 使用限制
- 演示模式仅返回脚本化回复，不调用真实模型；已配置的端点失败时不会回退到演示。消息按纯文本渲染，持久化仅限浏览器本地。模型、API 成本及限流限制未说明。
- 许可证
- MIT
- 最近推送
- 2026-11-01 22:10
资料检查：2026-11-02 07:00 · 卡片整理：2026-11-02 07:00
卡片由 AI 根据仓库资料整理，未进行安装或运行验证
职业应用
程序员
在开发者作品集或个人网站中嵌入悬浮 AI 聊天组件，使用 ChatWidget 提供启动器、对话面板和输入框，并通过 SSE 流式展示后端返回的回复；也可使用 useChat、useSSEStream、useSession 等无渲染 hooks 自建聊天界面。
查看内容依据
Use `ChatWidget` for the launcher, conversation panel and composer, or use `useChat`, `useSSEStream` and `useSession` to build your own interface.
由 AI 根据来源材料整理，未进行安装或运行验证
讨论 0
登录后参与讨论，阅读资讯无需注册。
还没有评论，来分享第一个看法。