面条的草稿箱

无原创，纯转发

Search: #Vercel

  1. 面条的草稿箱

    你的网站对 AI 智能体友好吗？Vercel 推出评估工具 Is Agentic随着 AI Agent（智能体）逐渐成为网络内容的重要消费者与使用者，网站不仅要为人类设计，也需要对 AI 更加友好

    你的网站对 AI 智能体友好吗？Vercel 推出评估工具 Is Agentic

    随着 AI Agent（智能体）逐渐成为网络内容的重要消费者与使用者，网站不仅要为人类设计，也需要对 AI 更加友好。Vercel 联手 Ora 推出了 Is Agentic，一个专门评估网站“Agent 就绪度”（AI Agent Readiness Score）的在线测试工具。

    核心亮点：

    • 多维度能力检测：评估 AI Agent 在网站上的发现、检索、理解与交互体验。主要涵盖服务端渲染（SSR）、清晰的语义化结构、规范的 HTTP 响应及可恢复的错误处理等基础指标。
    • 动态匹配，不滥扣分：根据网站实际能力进行推荐项检测（如 API、OAuth 认证、GraphQL、MCP Server 支持等）。若网站本就不包含特定接口，不会因此扣分。
    • 具象化诊断与路径观察：不仅给出具体改进建议，还会记录 Agent 实际浏览该网站时的操作路径与遇到的阻碍（Friction）。
    • 面向 Agent 优化输出：支持直接以 Markdown、JSON API 形式读取报告，并提供了专属的 MCP（Model Context Protocol）Server，方便将检测能力直接集成到各类 Agent 工作流中。

    输入网址即可快速测试你的网站对 AI 智能体的易用程度，并获取针对性的优化建议。

    访问地址：https://is-agentic.com

    #AIAgent #Web开发 #Vercel #MCP #开发者工具
    Is Agentic
    Is Agentic: AI Agent Readiness Score for your Site and App
    Is Agentic: AI Agent Readiness Score for your Site and App
    Score how ready a website is for AI agents, then get evidence and recommendations to improve it.

    AIAgentWeb开发VercelMCP开发者工具

  2. 面条的草稿箱

    极简与高效：Vercel Geist 设计系统规范解析Vercel 的 Geist 设计系统是构建一致、以开发者为中心界面的核心

    极简与高效：Vercel Geist 设计系统规范解析

    Vercel 的 Geist 设计系统是构建一致、以开发者为中心界面的核心。其设计理念强调极简、高对比度、充足的留白以及克制的色彩使用，旨在将可读性和无障碍体验放在首位。

    以下是 Geist 设计规范（浅色主题）的关键要点整理：

    🎨 色彩系统：语义化与宽色域

    • 10 级灰度步长：从 100（默认背景）到 1000（主要文字），每一步都有明确的交互隐喻（如 200 用于悬停背景，400 用于默认边框）。
    • P3 宽色域支持：除了标准 sRGB 外，为高分屏原生提供基于 oklch() 的 P3 宽色域颜色。
    • 功能性色彩：蓝色代表成功与链接、红色代表错误、黄色代表警告。

    ✍️ 字体与排版

    • Geist 字体家族：使用 Geist Sans 渲染 UI 和正文，使用 Geist Mono 处理代码和数据表格。
    • 规范化 Token：提供 Heading（标题）、Label（标签）、Copy（正文）和 Button（按钮）四类排版 Token，严格控制字号、字重与行高。

    📏 布局与圆角

    • 4px 网格：间距遵循 4px 基准（4, 8, 12, 16...），推荐使用“3 步节奏”：组内 8px，组间 16px，板块间 32-40px。
    • 克制的圆角：常规控件 6px，菜单与模态框 12px，全屏容器 16px，药丸状或头像使用 9999px。

    ⚡ 动效与阴影

    • 首选瞬时响应：大部分交互应为 0ms（即时），只有在必要时才使用 150-300ms 的物理缓动动效。
    • 微妙的投影：主要依赖背景色调与边框建立层级，阴影非常弱（仅用于气泡、悬浮卡片和对话框）。

    🗣️ 文案与人机交互规范

    • 操作明确：按钮命名使用「动词 + 名词」（如 Deploy Project），避免使用模糊的 Confirm 或 OK。
    • 状态与反馈：加载中状态使用现在分词加省略号（如 Deploying…）；Toast 提示需指明具体变更，不使用句号，并去掉像 "successfully" 这类冗余的词汇。

    https://vercel.com/design.md

    #设计系统 #UI设计 #Vercel #Geist #前端开发

    设计系统UI设计VercelGeist前端开发

  3. 面条的草稿箱

    Vercel 推出 AI Agent 开发框架 Eve：像写 Next.js 一样构建智能体Vercel 刚刚发布了全新的 AI Agent 开发框架 —— Eve

    Vercel 推出 AI Agent 开发框架 Eve：像写 Next.js 一样构建智能体

    Vercel 刚刚发布了全新的 AI Agent 开发框架 —— Eve。官方将其定位为“智能体领域的 Next.js”，旨在为开发者提供一套开箱即用的 AI 智能体开发、部署与运行基础设施。

    以下是 Eve 的核心特性：

    • 极简的目录即 Agent 结构：使用 Markdown 撰写角色指令和技能（如 instructions.md），使用 TypeScript 编写工具函数（如 tools/），无需繁琐的注册与配置，直接运行即可启动。
    • 天然持久化支持 (Durable by default)：基于 Vercel Workflows，智能体运行中的每一步都会自动保存状态。在等待用户输入或长时间任务时，智能体会自动“挂起”，并在需要时无缝恢复，完全不用担心进程中断。
    • 隔离的沙箱环境 (Sandboxed compute)：为智能体提供独立的虚拟化运行环境，支持安全地运行代码、读写文件或执行 Bash 命令。
    • 多渠道轻松连接：一份代码即可多端部署，轻松接入 Slack、Discord、Teams、Web 网页以及各种自定义 API。
    • 企业级功能支持：内置人机协同（Human-in-the-loop）审批流、子智能体协作（Subagents）、定时任务（Schedules）以及自动化测试评估（Evaluations）。

    Eve 将复杂的 AI 基础设施进行了高度抽象与整合，让开发者可以专注于智能体本身的业务逻辑，告别零散工具的拼凑。

    详情点击官网了解：https://vercel.com/eve

    #Vercel #AIAgent #Eve #前端开发 #人工智能
    Vercel
    eve – The Agent Framework - Vercel
    eve – The Agent Framework - Vercel
    Like Next.js for web apps, but for agents. Markdown for instructions and skills, TypeScript for tools. Durable by default.

    VercelAIAgentEve前端开发人工智能

  4. 面条的草稿箱

    Vercel AI Gateway 现已支持 Claude Code Max：订阅直连、统一观测Vercel 宣布其 AI Gateway 现已支持在 Claude Code CLI 中使用 Claude Code Max 订阅

    Vercel AI Gateway 现已支持 Claude Code Max：订阅直连、统一观测

    Vercel 宣布其 AI Gateway 现已支持在 Claude Code CLI 中使用 Claude Code Max 订阅。对开发者来说，这意味着：你可以继续用自己已有的 Anthropic 订阅，不增加额外费用，同时把 Claude Code 的调用统一接入 Vercel 平台，获得更完整的可观测性、用量追踪与监控能力。

    你能获得什么

    • 沿用现有 Claude Code Max 订阅：照常用 Anthropic 模型，无需额外开销
    • 统一观测与用量管理：通过 Vercel 平台查看请求、监控使用模式与成本趋势
    • 更灵活的路由能力：AI Gateway 可作为直通 Anthropic 的代理；必要时也可作为路由器切换到其他提供方（fallback）

    快速配置（核心步骤）

    在你的 shell 配置文件（如 ~/.zshrc 或 ~/.bashrc）加入环境变量：

    • 将 Anthropic 入口指向 AI Gateway
    • 用独立的 x-ai-gateway-api-key 做网关鉴权（与 Claude 订阅鉴权并存）

    启动 Claude Code：

    • 运行 claude
    • 登录时选择 Option 1 - Claude account with subscription（使用带订阅的 Claude 账号）
    • 若遇到问题，可先 claude /logout 再重新登录

    工作原理（简述）

    Claude Code 仍然使用 Anthropic 的订阅凭证进行认证，并携带 Authorization 头。由于该头用于 Claude 订阅身份，AI Gateway 采用单独的 x-ai-gateway-api-key 进行自身认证，从而实现两套鉴权机制同时生效。

    原文链接：https://vercel.com/changelog/claude-code-max-via-ai-gateway-available-now-for-claude-code

    #Vercel #AIGateway #ClaudeCode #可观测性 #开发者工具
    Vercel
    Claude Code Max via AI Gateway, available now for Claude Code - Vercel
    Claude Code Max via AI Gateway, available now for Claude Code - Vercel
    You can use your Claude Code Max subscription through Vercel's AI Gateway. This lets you leverage your existing subscription while gaining centralized observability, usage tracking, and monitoring capabilities for all your Claude Code requests.

    VercelAIGatewayClaudeCode可观测性开发者工具

  5. 面条的草稿箱

    AI SDK 6：从“调用模型”到“构建可复用智能体”Vercel 发布 AI SDK 6，把 TypeScript AI 应用的开发重心从函数式调用（generateText/streamText）进一步推进到可复用、可维护、可观测的 **Agent（智能体）**体系，并补齐了安全审批、MCP 全能力支持、调试工具等关键环节

    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
    AI SDK 6
    Introducing agents, tool execution approval, DevTools, full MCP support, reranking, image editing, and more.

    VercelAISDKAgentMCPTypeScript

1px