Search: #TypeScript

面条的草稿箱

1. 17:20 · 2026年2月8日 · 周日

   WebClaw：OpenClaw 的轻量快速 Web 客户端（Beta）
   
   WebClaw 是一个面向 OpenClaw 的快速 Web 客户端，主打轻量、上手快，适合想用浏览器直接连接 OpenClaw Gateway 的用户与开发者。目前项目处于 Beta 阶段。
   
   你可以用它做什么
   
   • 在浏览器里访问/使用 OpenClaw（通过 Gateway 连接）
   • 本地快速启动，便于二次开发与调试
   
   本地安装（快速开始）
   
   • 克隆项目并启动开发环境：
   • gh repo clone ibelick/webclaw
   • cd webclaw
   • pnpm install
   • pnpm dev
   
   关键配置（连接 Gateway）
   在 apps/webclaw/.env.local 中配置：
   
   • CLAWDBOT_GATEWAY_URL
   • 认证二选一（推荐 Token）：
   • CLAWDBOT_GATEWAY_TOKEN（推荐）或 CLAWDBOT_GATEWAY_PASSWORD
   
   默认 Gateway 地址为：ws://127.0.0.1:18789
   相关文档：https://docs.openclaw.ai/gateway
   
   链接：
   
   • https://webclaw.dev/
   • https://github.com/ibelick/webclaw
   
   #OpenClaw #WebClaw #开源项目 #TypeScript #Web客户端

   webclaw.dev

   

   Fast web client for OpenClaw.

2. 22:27 · 2025年12月24日 · 周三

   AI SDK 6：从“调用模型”到“构建可复用智能体”
   
   Vercel 发布 AI SDK 6，把 TypeScript AI 应用的开发重心从函数式调用（generateText/streamText）进一步推进到可复用、可维护、可观测的 **Agent（智能体）**体系，并补齐了安全审批、MCP 全能力支持、调试工具等关键环节。
   
   这次更新最值得关注的点
   
   • Agents / ToolLoopAgent：用 Agent 抽象把 模型、指令、工具 固化成可复用单元；ToolLoopAgent 提供“模型调用 → 工具执行 → 回填结果 → 继续推理”的生产级循环（默认最多 20 步），同一套定义可在 UI、API、后台任务复用。
   • 工具执行审批（Human-in-the-loop）：工具支持 needsApproval，可按输入内容动态决定是否需要人工确认，适合删除文件、支付、修改生产数据等高风险操作。
   • 工具能力增强：
   • Strict Mode 可按工具粒度开启，避免某个工具 schema 不兼容导致整次请求失败。
   • Input Examples 用“正确示例”提升模型生成工具入参的稳定性。
   • toModelOutput 将“应用拿到的完整结果”和“发回模型的 token 内容”分离，减少大文本/二进制（截图、图片）带来的上下文浪费。
   • MCP（Model Context Protocol）更完整且稳定：新增/完善 OAuth 认证、Resources、Prompts、Elicitation，并在 @ai-sdk/mcp 中以稳定形态提供，便于对接远程 MCP 服务与第一方数据源。
   • 工具调用 + 结构化输出：generateText 与 generateObject 能力统一，支持在多步工具链路后直接生成最终结构化结果（通过 Output.* 声明输出形态）。
   • DevTools 可观测性：通过中间件记录并可视化每一步的输入输出、工具调用、token 消耗、耗时与原始请求/响应，解决多步 agent 调试“黑盒”问题。
   • Reranking（重排序）：新增 rerank，把检索结果按相关性排序，只喂最相关上下文给模型（当前支持 Cohere、Amazon Bedrock、Together.ai）。
   • 标准 JSON Schema 生态：支持实现 Standard JSON Schema 接口的任意 schema 库，降低与特定校验库的绑定成本。
   • 图像编辑：generateImage 支持带参考图的编辑（如修补/扩展/风格迁移等），不再只限于文生图。
   • 更细的返回原因与用量统计：新增 rawFinishReason，并扩展 usage 的输入/输出细分，方便成本优化与兼容不同供应商行为。
   • LangChain 适配器重写：更贴合现代 LangChain/LangGraph，支持流式事件转换、工具调用部分输入流等能力。
   • 更多 Provider Tools：围绕 Anthropic/OpenAI/Google/xAI 等提供平台特性工具（如代码执行、文件搜索、Web/X 搜索、MCP 工具等）。
   
   升级提示
   
   从 v5 升级到 v6，可先跑官方 codemod：npx @ai-sdk/codemod v6（文中也提供迁移指南链接）。
   
   原文链接：https://vercel.com/blog/ai-sdk-6
   #Vercel #AISDK #Agent #MCP #TypeScript

   Vercel

   

   AI SDK 6 - Vercel

   Introducing agents, tool execution approval, DevTools, full MCP support, reranking, image editing, and more.

3. 22:51 · 2025年12月23日 · 周二

   一份配置，多端通用：MCP Config 转换器
   
   mcp-config 是一个参考实现：把“同一份 MCP Server 配置”一键转换成不同应用所需的配置文件或命令，避免在 Claude Desktop、Cursor、VS Code 等多处重复手工改配置。
   
   它解决什么问题
   
   • 只维护一份 MCP Server 定义（支持远程 HTTP / 本地 stdio）
   • 按目标客户端输出对应格式：JSON / CLI / TOML
   • 适配 30+ 客户端格式，减少迁移与同步成本
   
   怎么用（概念流程）
   
   • 将仓库的 src/ 复制到你的项目中
   • 使用 getClients() 查看支持的客户端
   • 用 transformConfig({ server, client }) 生成目标客户端需要的配置字符串（例如 Cursor 的 JSON，或 Claude Code 的添加命令）
   
   支持范围（示例）
   
   • JSON 类：Claude Desktop、Cursor、Windsurf、VS Code/Copilot、JetBrains、Zed、Warp、Perplexity Desktop 等
   • CLI 类：Claude Code、Amp、OpenAI Codex CLI 等
   
   适合谁
   
   • 同时在多个 IDE/客户端里用 MCP 的开发者与团队
   • 想把“配置维护”从手工劳动变成可复用工具链的人
   
   原链接：https://github.com/iannuttall/mcp-config
   
   #MCP #配置管理 #开发工具 #TypeScript #效率提升

   GitHub

   

   GitHub - iannuttall/mcp-config: Turn one MCP server setup into the right format for lots of apps.

   Turn one MCP server setup into the right format for lots of apps. - iannuttall/mcp-config

4. 22:35 · 2025年12月12日 · 周五

   MCPorter 🧳 — TypeScript 调用 MCP 服务器的终极工具
   
   MCPorter 是一个 TypeScript 运行时、CLI 和代码生成工具包，专为 Model Context Protocol (MCP) 设计。它让开发者能够以更优雅的方式调用 MCP 服务器，无需繁琐的配置和模板代码。
   
   核心特性：
   
   • 零配置发现 — 自动合并来自 Cursor、Claude、Codex、Windsurf、VS Code 等编辑器的 MCP 配置
   • 一键生成 CLI — 将任意 MCP 服务器定义转换为可分发的命令行工具
   • 类型安全客户端 — 自动生成 .d.ts 接口和客户端包装器
   • 友好的 API — createServerProxy() 暴露驼峰命名方法，自动处理 JSON Schema 默认值
   • OAuth 支持 — 内置 OAuth 缓存，支持 HTTP、SSE 和 stdio 传输协议
   
   快速开始：
   
   

   # 列出你的 MCP 服务器
   npx mcporter list
   
   # 调用工具
   npx mcporter call context7.resolve-library-id libraryName=react
   
   # 生成独立 CLI
   npx mcporter generate-cli --command https://mcp.context7.com/mcp
   

   
   
   安装方式：
   
   

   # 使用 npx 即时运行
   npx mcporter list
   
   # 添加到项目
   pnpm add mcporter
   
   # Homebrew
   brew install steipete/tap/mcporter
   

   
   
   项目采用 MIT 许可证，当前版本 v0.7.1。
   
   🔗 GitHub 仓库
   
   #MCP #TypeScript #CLI #开发工具 #AI工具

   GitHub

   

   GitHub - steipete/mcporter: Call MCPs via TypeScript, masquerading as simple TypeScript API. Or package them as cli.

   Call MCPs via TypeScript, masquerading as simple TypeScript API. Or package them as cli. - steipete/mcporter