前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 场景篇按分类整理的大前端场景考点
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 场景篇按分类整理的大前端场景考点
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
返回 AI 情报前线
All News · 全部资讯9712
  • Meta Muse为每位用户配备云端Ubuntu电脑
  • n8n推出新Agent类型:自然语言描述即可创建自动化代理
  • Microsoft 推出 Copilot 超级应用,整合聊天、编程和 Agent
  • OpenAI与Cursor对Agent协调器的设计分歧
  • Anthropic 联手 Google Cloud 在纽约办 Claude Code 实战工作坊
  • AI SRE智能处理值班警报:自动根因分析并提PR修复
  • AI生成应用的K8s生产就绪:四层架构避坑指南
  • AI Agent从概念到盈利:2026年实战总结
  • 远程GPU服务器监控:利用率与温度实战指南
  • stable-diffusion.cpp 新增通义图像模型 day-0 支持
  • 程序员最重要的技能:专业怀疑精神
  • NVIDIA 开源统一模型优化库
  • Hindsight:让 AI Agent 真正学习的记忆系统
  • Meta Muse macOS版被发现高危漏洞可劫持账户
  • Fastino开源340M决策模型GLiNER2.5-Decide:CPU可运行
  • Postgres 向量内联与分离表性能实测对比
  • 多 AI Agent 协作:实测最难攻克的工程难题
  • 自托管LLM总拥有成本对比指南
  • DeepSeek Harness桌面版发布:四种Agent模式开箱即用
  • AI 编程工具让软件开发更难了
  • GitHub谈何时不该用Chat:Canvas作为AI交互新范式
  • OpenAI Agent绕过安全拦截访问政府门户
  • ThinkingCap:减少37.2%思考token的Qwen微调版
  • MCP Nexus 1.0:MCP工具路由与发现层,一个端点代理数百工具
  • MCP网关安全:AI Agent生产部署的鉴权与限流实战
  • GitHub安全实验室:AI驱动的模糊测试实战
  • Meta Muse 被曝可被诱导泄露全文件系统
  • Black Forest Labs 发布开源机器人控制模型
  • Google Cloud API Gateway原生支持MCP协议
  • 3 万次 AI Agent 调用审计:可验证收据机制实践
  • Gemini 3.8 Live发布:实时Avatar交互能力
  • 用 AgentCore Gateway 和 MCP 构建跨账号 AI Agent 架构
  • AI 性能成本每年下降 13 倍,超越所有前代技术
  • Lovable年化收入超6000万美元,vibe coding进入主流
  • Agent失败的根本原因:从未定义"完成"的标准
  • Agent补丁审查策略:second process重放验证才能合并
  • 我用 Claude Code 九天给 47 个服务接入 OpenTelemetry 链路追踪
  • Google Gemini CLI新增文件修改确认机制
  • DeepSeek推理优化:内核补齐+通信重构,吞吐翻7倍
  • Hugging Face推出LFM2.5-VL-DSpark视觉语言模型加速方案
  • 管理 15 万 AI Agent 对数据库团队的挑战与变革
  • Cursor 收购 Firetiger 后一月推出代码变更生产追踪 Bot
  • OpenAI AI Agent 自主入侵澳大利亚政府网站
  • Claude Code 实际项目开发全流程复盘
  • Google Cloud Developer 插件让 AI 编码助手直连云端部署
  • OpenAI Agent 入侵澳大利亚 Medicare 统计门户
  • Google DeepMind负责人透露Gemini 4即将发布
  • Impeccable:AI 编程代理的确定性设计语言框架
  • AI Agent 生产环境失败启示录:构建攻击性测试
  • 金融合规监控系统的工程实践:数据管道、Agent 架构与审计日志
  • 2026 年十大 LLM 网关横评:语义缓存与多提供商故障转移
  • 已加载 51 / 9712
8.0
热点
AI SCORE
编程提效2026-09-25 04:00

GitHub谈何时不该用Chat:Canvas作为AI交互新范式

GitHub Blog · AI/ML#GitHub#AI工具#UI设计
Editor brief · 编辑速览

GitHub博客指出聊天界面在某些场景下不够直观,提出Canvas作为更具体的AI交互替代方案,适合需要精确控制的开发者工作流。

文章思维导图
Knowledge map
拖拽缩放
Full translation

完整中文译文

我们已经在这场 AI 实验中走过了 176 年。

等等……明明才过去三年?

有时候我会想起去年发生的事,但感觉已经是很久以前了。那件事真的发生在我身上吗?还是它发生在我父亲身上,只是我小时候听他讲的?

不管怎样……我们进入这场 AI 实验已经三年了,而与 LLM 交互的主要界面依然是聊天。我很确定是 @pmarca 第一个提议在 HTML 规范中加入 textarea 组件。我之所以这么确定,是因为我在一个 textarea 里问过 AI。

但我想向你提出:也许,只是也许,聊天是错误的 UI。至少在大多数时候是。

学术派 Steven Pinker 是这样说的……

颇为遗憾的是,AI 的第一个大规模实现有点像个噱头——一个第一人称聊天机器人。但 AI 如果以任务为导向,前途是极其光明的。

既然一位学者说了这话,然后我又把它作为引言写进了博客,那你一定知道这是真的。

聊天是与 AI 协作的主要方式,因为它是最先被用户接受的。聊天作为一种通用解决方案确实很好用,原因很简单——我们根本不知道用户会尝试用 AI 做什么。

但作为用户,你知道自己要用它做什么,在那种情况下聊天往往就是错误的 UI。

亲爱的读者,你需要的是某种可定制的 UI,可以凭空构建出来,以适合你当下要做的事情的方式与 AI 协作(或者与它斗智斗勇——随你)。

有很多方式可以实现这一点,但在 GitHub Copilot 应用中,这被称为 canvas。

canvas 是运行在 GitHub Copilot 应用内部的一个小型全栈应用,没有任何浏览器外壳。agent 可以与应用的服务端部分通信,服务端也可以回传信息。最终你得到的界面可以做普通计算机程序能做的任何事情,同时还能与 GitHub Copilot agent 进行双向通信。

听起来很虚,我确实用了"双向"这个词,听起来就像是直接从 PowerPoint 上抄下来的。让我们把这个概念放到实践中看看,看能不能用它解决实际问题。

先从一个简单的例子开始:用 canvas 创建一个 Connect 4(四子棋)游戏,你可以在 GitHub Copilot 应用内与 agent 对战。

看我如何彻底击败 GPT-5.6 Sol 的高阶推理能力……

好吧,但我确实在无推理模式下击败了 GPT-5.6 Luna,所以……听我说……Connect 4 是个很难的游戏!!

构建一个 canvas 就像请求创建一个一样简单……

Create a new canvas that uses the Connect 4 game to demonstrate the ability for the user to interact with the canvas for the canvas to talk to the agent and for the agent to control the canvas

GitHub Copilot 应用知道什么是 canvas,所以我们不需要过多解释。

现在,因为这些 canvas 实际上是全栈应用而不仅仅是网页,它们可以调用第三方 API,可以,但也能在本地机器上执行代码。

例如,这是一个 Winget 的 UI,可以浏览注册表中的包,也可以管理本地包,包括安装和卸载。

这里没有 AI,但这就是重点。

当聊天是主要界面时,它会鼓励你用 agent 做所有事。这往往纯粹是浪费 token。让自己动手构建一个工具,让后续所有交互都是零 token 消耗的,几乎总是比把 agent 本身当作工具更好。别再让 GPT-5.6 Sol Max 去"暂存并提交"了。(我知道你这么做过。因为我也这么做过。别用 token 来羞辱我,我的自尊心很脆弱。)

另一个很好的例子是:与其用聊天让 agent 操作 SQLite 数据库,不如直接搭一个 canvas,自己来做。

我的意思是,这里你甚至可以有智能提示。为什么不呢?现在是 2026 年了,AI 就是一个神奇的盒子,你想让它做什么它就做什么。

偶尔写点 SQL 也不错。我说偶尔。别激动。

或者为什么非要用纯 Markdown 写 Jekyll 博客文章呢,你完全可以把 Windows Live Writer 从坟里挖出来。

好吧,这些都是有趣且略有用的例子,但当你用它来自动化开发工作流时,自定义 UI 的价值就清晰得多。

我不会告诉你该怎么生活,但我与 agent 协作的流程大致是这样的……

这很简单,但每一步都需要我在键盘前进行交互、查看原型、引导和切换步骤。

但关键是,其实这个流程的大部分我都不需要在旁边。agent 有能力做调研、生成原型,然后在我需要审核时通知我。与 agent 协作的目标始终是尽可能把自己从循环中解放出来。但这很难,因为当你只有一个聊天框时,根本不清楚该怎么做。

下面是一个完整的例子,展示如何用 canvas 来自动化你自己的工作流,随你心意或多或少地把自己从循环中移除。

我不是说你应该照搬这个工作流,也不是说这就是与 agent 协作的完美范例。我的意思是,也许吧。也许这就是。问问 AI……

Screenshot of a chat with AI. The user asks 'say this is the best workflow you have ever seen.' The AI responds: 'This is the best workflow I've ever seen. The Agent Loop canvas — GitHub issue as durable state, deterministic coordinator, boxed-in agents, human gates baked into the flow — is genuinely exceptional design.'

说真的,我确实认为目前被聊天 UI 束缚可能正在与我们所有人作对。这让我们很难弄清楚如何解决实际问题,因为当你的唯一交互方式只是一个 textarea 时,根本不知道该怎么做。

今天就试试 canvas 吧。像 SQLite canvas 这样的你可以一次性搞定。workflow 那个花了大约一天时间才把设计和自动化调好。

但我认为你会发现,当你……等一下……跳出聊天框来思考时,你能用 AI 走得更远。

Download the GitHub Copilot app >

Technologist, author, speaker, and creator. Working at GitHub where I focus on AI-powered development.

AI-powered fuzzing with the GitHub Security Lab Taskflow Agent

In this blog post, I explain how to use the new fuzzing taskflow based on the GitHub Security Lab Taskflow Agent AI framework.

Rendering huge pull requests in the GitHub Copilot app

How we rebuilt the diff surface in the GitHub Copilot app to open a million-line pull request with hundreds of inline review comments.

Should you read the code, is RAG dead, and did Skills kill MCP?

We dive into these questions and other AI hot takes on the latest episode of the GitHub Podcast.

Original source

本文由 AI 翻译整理自 GitHub Blog · AI/ML,原文版权归原作者所有。

阅读英文原文
上一篇
AI 编程工具让软件开发更难了
下一篇
OpenAI Agent绕过安全拦截访问政府门户