LogoThread Easy
  • 探索
  • 撰写 Thread
LogoThread Easy

您的一体化 Twitter 线程助手

© 2025 Thread Easy All Rights Reserved.

探索

最新在前,按卡片方式浏览线程

开启时会模糊预览图,关闭后正常显示

Cursor 推出浏览器视觉编辑器:设计与代码的无缝融合

Cursor 正式推出“浏览器视觉编辑器”(Browser Visual Editor),集成于 Cursor 浏览器中。它将网页应用、代码库和可视化编辑功能统一到一个窗口中,开发者通过直观的拖拽、点击和提示方式,直接操作和修改界面元素,从而桥接设计创意与代码实现的鸿沟。

核心功能与工作原理
· 拖拽重排布局:用户可以直接在渲染的 DOM 树上拖拽元素,实现按钮顺序互换、区域旋转或网格布局测试。AI 智能体会自动定位相关组件并更新底层代码,无需手动编写 CSS 或 JSX。
· 测试组件状态:针对 React 等框架构建的应用,侧边栏会实时显示组件的属性,允许用户通过交互控件快速切换和验证不同变体状态。
· 视觉属性调整:侧边栏集成滑块、颜色选择器、设计系统令牌等工具,支持实时微调样式,例如使用实时取色器修改颜色、调整网格/弹性盒子布局,或优化排版。所有变更均由 AI 智能体同步到源代码。
· 点击提示修改:用户点击界面元素后,通过自然语言描述变更(如“让这个变大”“将其变红”或“交换它们的顺序”),AI 智能体并行处理多个提示,并在数秒内实时应用更新。这种“点选式”交互让修改过程更像与设计师对话。

这些功能的工作流程统一了设计与编码:从渲染视图入手,通过拖拽或提示驱动 AI 智能体修改代码,最终在浏览器中即时预览。这种方法减少了“执行机制对创意的限制”,让开发者能更精确地表达意图。

益处与 AI 集成
视觉编辑器显著提升了开发效率,尤其适合前端和全栈开发者。它将抽象的代码逻辑转化为可触及的界面操作,帮助用户更好地“阐述想法”,从而加速迭代周期。Cursor AI 是核心驱动力:智能体不仅处理代码更新,还支持多任务并行执行,确保变更安全且可逆。

比如:“你可以点击一个元素说‘让这个变大’,同时在另一个上提示‘将其变红’,第三个输入‘交换顺序’。智能体并行运行,数秒内变更即生效。”这体现了 Cursor 对“思想直达代码”未来的愿景。

Cursor 官方博客

Cursor 推出浏览器视觉编辑器:设计与代码的无缝融合 Cursor 正式推出“浏览器视觉编辑器”(Browser Visual Editor),集成于 Cursor 浏览器中。它将网页应用、代码库和可视化编辑功能统一到一个窗口中,开发者通过直观的拖拽、点击和提示方式,直接操作和修改界面元素,从而桥接设计创意与代码实现的鸿沟。 核心功能与工作原理 · 拖拽重排布局:用户可以直接在渲染的 DOM 树上拖拽元素,实现按钮顺序互换、区域旋转或网格布局测试。AI 智能体会自动定位相关组件并更新底层代码,无需手动编写 CSS 或 JSX。 · 测试组件状态:针对 React 等框架构建的应用,侧边栏会实时显示组件的属性,允许用户通过交互控件快速切换和验证不同变体状态。 · 视觉属性调整:侧边栏集成滑块、颜色选择器、设计系统令牌等工具,支持实时微调样式,例如使用实时取色器修改颜色、调整网格/弹性盒子布局,或优化排版。所有变更均由 AI 智能体同步到源代码。 · 点击提示修改:用户点击界面元素后,通过自然语言描述变更(如“让这个变大”“将其变红”或“交换它们的顺序”),AI 智能体并行处理多个提示,并在数秒内实时应用更新。这种“点选式”交互让修改过程更像与设计师对话。 这些功能的工作流程统一了设计与编码:从渲染视图入手,通过拖拽或提示驱动 AI 智能体修改代码,最终在浏览器中即时预览。这种方法减少了“执行机制对创意的限制”,让开发者能更精确地表达意图。 益处与 AI 集成 视觉编辑器显著提升了开发效率,尤其适合前端和全栈开发者。它将抽象的代码逻辑转化为可触及的界面操作,帮助用户更好地“阐述想法”,从而加速迭代周期。Cursor AI 是核心驱动力:智能体不仅处理代码更新,还支持多任务并行执行,确保变更安全且可逆。 比如:“你可以点击一个元素说‘让这个变大’,同时在另一个上提示‘将其变红’,第三个输入‘交换顺序’。智能体并行运行,数秒内变更即生效。”这体现了 Cursor 对“思想直达代码”未来的愿景。 Cursor 官方博客

邵猛,中年失业程序员 😂 专注 - Context Engineering, AI Agents. 分享 - AI papers, apps and OSS. ex Microsoft MVP 合作 - 私信/邮箱:shaomeng@outlook.com 📢 公众号/小红书: AI 启蒙小伙伴

avatar for meng shao
meng shao
Fri Dec 12 01:27:48
更新了 Tinyship 的路线图:
https://t.co/317K9dhy8M
大家可以看下这个项目下一步的发展规划:

Tinyship 的宗旨不是做大而全的应用,主打“基础完备 + 可扩展架构”,核心流程默认可用。未来可能提供快速搭建模板库,但原则不变。

大体接下来Q1-Q2的功能是:

1 构建一个基于 Fumadocs 的独立文档站点应用,作为 monorepo 中的新子站点。静态导出,可以用来当作文档站点和博客站点,其实已经差不多实现了,就是 https://t.co/sd2P9AbXiK 的样子,清爽,干净,继承主页面的主题。

2 AI 功能扩展
在现有聊天功能的基础上,扩展更多 AI 使用场景示例:

AI 图像生成 / 图像分析 / 语音互转等等 经典场景

3 云存储服务集成

上传是非常常见的需求,这里会用现有的 no vendor locking 实现 阿里云 OSS / Cloudflare R2 / AWS S3

4 更多支付网关

接入原生 Alipay

5 继续完善代码库的技术方面的内容,比如测试方面,现在很薄弱,完善单测/集成 Bruno API 测试 / E2E 等等

更新了 Tinyship 的路线图: https://t.co/317K9dhy8M 大家可以看下这个项目下一步的发展规划: Tinyship 的宗旨不是做大而全的应用,主打“基础完备 + 可扩展架构”,核心流程默认可用。未来可能提供快速搭建模板库,但原则不变。 大体接下来Q1-Q2的功能是: 1 构建一个基于 Fumadocs 的独立文档站点应用,作为 monorepo 中的新子站点。静态导出,可以用来当作文档站点和博客站点,其实已经差不多实现了,就是 https://t.co/sd2P9AbXiK 的样子,清爽,干净,继承主页面的主题。 2 AI 功能扩展 在现有聊天功能的基础上,扩展更多 AI 使用场景示例: AI 图像生成 / 图像分析 / 语音互转等等 经典场景 3 云存储服务集成 上传是非常常见的需求,这里会用现有的 no vendor locking 实现 阿里云 OSS / Cloudflare R2 / AWS S3 4 更多支付网关 接入原生 Alipay 5 继续完善代码库的技术方面的内容,比如测试方面,现在很薄弱,完善单测/集成 Bruno API 测试 / E2E 等等

独立开发者 自由职业 作品 - 简单简历 https://t.co/xMu5JFIGnr 五分钟打造程序员的金牌简历 课程 - 慕课网精英讲师 https://t.co/NTyFFrvHwL 经历 - 不上班的1000天 https://t.co/bonuLQCCsY 视频 - https://t.co/aQYLgujIyC

avatar for Viking
Viking
Fri Dec 12 01:24:30
更新了 Tinyship 的路线图:
https://t.co/317K9dhy8M
大家可以看下这个项目下一步的发展规划:

Tinyship 的宗旨不是做大而全的应用,主打“基础完备 + 可扩展架构”,核心流程默认可用。未来可能提供快速搭建模板库,但原则不变。

大体接下来Q1-Q2的功能是:

1 构建一个基于 Fumadocs 的独立文档站点应用,作为 monorepo 中的新子站点。静态导出,可以用来当作文档站点和博客站点,其实已经差不多实现了,就是 https://t.co/sd2P9AbXiK 的样子,清爽,干净,继承主页面的主题。

2 AI 功能扩展
在现有聊天功能的基础上,扩展更多 AI 使用场景示例:

AI 图像生成 / 图像分析 / 语音互转等等 经典场景

3 云存储服务集成

上传是非常常见的需求,这里会用现有的 no vendor locking 实现 阿里云 OSS / Cloudflare R2 / AWS S3

4 更多支付网关

接入原生 Alipay

5 继续完善代码库的技术方面的内容,比如测试方面,现在很薄弱,完善单测/集成 Bruno API 测试 / E2E 等等

更新了 Tinyship 的路线图: https://t.co/317K9dhy8M 大家可以看下这个项目下一步的发展规划: Tinyship 的宗旨不是做大而全的应用,主打“基础完备 + 可扩展架构”,核心流程默认可用。未来可能提供快速搭建模板库,但原则不变。 大体接下来Q1-Q2的功能是: 1 构建一个基于 Fumadocs 的独立文档站点应用,作为 monorepo 中的新子站点。静态导出,可以用来当作文档站点和博客站点,其实已经差不多实现了,就是 https://t.co/sd2P9AbXiK 的样子,清爽,干净,继承主页面的主题。 2 AI 功能扩展 在现有聊天功能的基础上,扩展更多 AI 使用场景示例: AI 图像生成 / 图像分析 / 语音互转等等 经典场景 3 云存储服务集成 上传是非常常见的需求,这里会用现有的 no vendor locking 实现 阿里云 OSS / Cloudflare R2 / AWS S3 4 更多支付网关 接入原生 Alipay 5 继续完善代码库的技术方面的内容,比如测试方面,现在很薄弱,完善单测/集成 Bruno API 测试 / E2E 等等

独立开发者 自由职业 作品 - 简单简历 https://t.co/xMu5JFIGnr 五分钟打造程序员的金牌简历 课程 - 慕课网精英讲师 https://t.co/NTyFFrvHwL 经历 - 不上班的1000天 https://t.co/bonuLQCCsY 视频 - https://t.co/aQYLgujIyC

avatar for Viking
Viking
Fri Dec 12 01:23:52
#ChatGPT 今天推出了 GPT-5.2 ,於是我試著讓它做一份「說明 GPT 5.2 對一般工作者的效益」#簡報,#圖片中是他一次性做出來的簡報版本。(做得很好,看圖也可以掌握 GPT-5.2 重點特性)

官方說明:"ChatGPT Enterprise 使用者大多表示⁠ AI 每天為他們節省 40 至 60 分鐘,而重度使用者則表示每週可節省超過 10 小時。我們設計 GPT‑5.2 的目的,是要為人們創造更大的經濟價值。這一代模型在建立試算表、製作簡報、編寫程式碼、解讀圖像、理解長篇上下文、運用各項工具,以及處理複雜的多步驟專案方面表現更佳。"

最終的簡報版本還不錯,也是真的可以下載的 PowerPoint 檔案,而且格式文字都沒有跑掉,還可以在簡報中完成很多真正的圖表。

過程中, GPT-5.2 Thinking 調用了非常多工具來畫圖表、做版面設計,結果很好,不過跑了 28 分鐘才完成這份簡報。

於是我把同樣內容,傳上 NotebookLM 讓他畫知識圖表(放在留言中),可以比較看看,其實是不同需求,互相搭配還不錯。

#ChatGPT 今天推出了 GPT-5.2 ,於是我試著讓它做一份「說明 GPT 5.2 對一般工作者的效益」#簡報,#圖片中是他一次性做出來的簡報版本。(做得很好,看圖也可以掌握 GPT-5.2 重點特性) 官方說明:"ChatGPT Enterprise 使用者大多表示⁠ AI 每天為他們節省 40 至 60 分鐘,而重度使用者則表示每週可節省超過 10 小時。我們設計 GPT‑5.2 的目的,是要為人們創造更大的經濟價值。這一代模型在建立試算表、製作簡報、編寫程式碼、解讀圖像、理解長篇上下文、運用各項工具,以及處理複雜的多步驟專案方面表現更佳。" 最終的簡報版本還不錯,也是真的可以下載的 PowerPoint 檔案,而且格式文字都沒有跑掉,還可以在簡報中完成很多真正的圖表。 過程中, GPT-5.2 Thinking 調用了非常多工具來畫圖表、做版面設計,結果很好,不過跑了 28 分鐘才完成這份簡報。 於是我把同樣內容,傳上 NotebookLM 讓他畫知識圖表(放在留言中),可以比較看看,其實是不同需求,互相搭配還不錯。

用 NotebookLM 整理的圖表:

avatar for 電腦玩物站長 Esor
電腦玩物站長 Esor
Fri Dec 12 01:23:18
知名开发者 Simon Willison 过去两年利用 LLM 构建了超过 150 个“HTML Tools”,「单文件 HTML + 浏览器原生能力 + AI 编程」的经验很值得思考

Simon 在他最新的博客「Useful patterns for building HTML tools」中介绍了一种极其轻量、实用且易于维护的软件开发模式,将其称为“HTML Tools”,指的是将 HTML、JavaScript 和 CSS 全部包含在一个文件中,无需后端服务器即可运行的微型应用。
https://t.co/SCvbUyXZ1p

什么是“HTML Tools”?
· 单文件架构:所有代码(HTML/JS/CSS)都在一个文件中。没有复杂的构建流程(如 Webpack 或 npm),也无需服务器部署,文件可以直接在浏览器打开,甚至通过“复制粘贴”即可分发。
· LLM 驱动:这些工具绝大多数是由 ChatGPT、Claude 或 Gemini 等 AI 辅助编写的。单文件结构非常适合 LLM,因为 AI 可以一次性读取或生成完整的代码上下文。

核心构建模式与技巧
Simon 总结了一套高效的开发“最佳实践”,为了降低复杂度并提高实用性:
· 坚决避免复杂框架:作者强烈建议在使用 AI 生成代码时提示 "No React"。因为 React 等框架需要编译步骤,这会破坏单文件的便携性,增加调试和部署的难度。原生 JS 或简单的 CDN 库是更好的选择。
· 利用 LLM 的“画布”功能原型开发:利用 ChatGPT Canvas 或 Claude Artifacts 快速生成交互式原型。
· 依赖 CDN:如果需要第三方库(如 PDF 处理、图表绘制),直接通过 CDN 链接引入,保持本地代码的纯净和零依赖。
· 巧妙的状态管理:
  · URL 参数:将工具的状态(如编辑中的配置)保存在 URL 中,这样用户可以通过分享链接来分享当前的工作状态。
  · localStorage:用于存储敏感数据(如 API Key)或大段文本,确保数据只停留在用户浏览器端,不上传服务器,保障隐私。
· 利用浏览器原生能力:
  · CORS API:直接在浏览器前端调用支持跨域的公共 API,无需后端转发。
  · 文件处理:利用 <input type="file"> 在本地读取和处理文件(如裁剪图片、OCR 识别),无需上传文件到云端。
  · WebAssembly & Pyodide:通过 WebAssembly 在浏览器端运行 Python 数据分析(Pandas)或复杂的 C++ 库(如 FFmpeg、Tesseract),极大地扩展了前端工具的能力边界。

为何这种模式很重要?
它展示了 AI 时代软件开发范式的转变:
· 降低门槛:开发者可以用极低的成本(几分钟)构建出一个解决特定痛点的小工具(例如:转换特定格式的 JSON、提取图片中的文字、调试 API)。
· 数据主权与隐私:由于工具是静态的且在本地运行,用户不需要担心将私密数据发送给第三方服务器。
· 可复用与 Remix:因为代码简单且独立,旧工具的代码可以很容易地作为“上下文”喂给 AI,让其基于现有功能快速开发出新工具。

知名开发者 Simon Willison 过去两年利用 LLM 构建了超过 150 个“HTML Tools”,「单文件 HTML + 浏览器原生能力 + AI 编程」的经验很值得思考 Simon 在他最新的博客「Useful patterns for building HTML tools」中介绍了一种极其轻量、实用且易于维护的软件开发模式,将其称为“HTML Tools”,指的是将 HTML、JavaScript 和 CSS 全部包含在一个文件中,无需后端服务器即可运行的微型应用。 https://t.co/SCvbUyXZ1p 什么是“HTML Tools”? · 单文件架构:所有代码(HTML/JS/CSS)都在一个文件中。没有复杂的构建流程(如 Webpack 或 npm),也无需服务器部署,文件可以直接在浏览器打开,甚至通过“复制粘贴”即可分发。 · LLM 驱动:这些工具绝大多数是由 ChatGPT、Claude 或 Gemini 等 AI 辅助编写的。单文件结构非常适合 LLM,因为 AI 可以一次性读取或生成完整的代码上下文。 核心构建模式与技巧 Simon 总结了一套高效的开发“最佳实践”,为了降低复杂度并提高实用性: · 坚决避免复杂框架:作者强烈建议在使用 AI 生成代码时提示 "No React"。因为 React 等框架需要编译步骤,这会破坏单文件的便携性,增加调试和部署的难度。原生 JS 或简单的 CDN 库是更好的选择。 · 利用 LLM 的“画布”功能原型开发:利用 ChatGPT Canvas 或 Claude Artifacts 快速生成交互式原型。 · 依赖 CDN:如果需要第三方库(如 PDF 处理、图表绘制),直接通过 CDN 链接引入,保持本地代码的纯净和零依赖。 · 巧妙的状态管理: · URL 参数:将工具的状态(如编辑中的配置)保存在 URL 中,这样用户可以通过分享链接来分享当前的工作状态。 · localStorage:用于存储敏感数据(如 API Key)或大段文本,确保数据只停留在用户浏览器端,不上传服务器,保障隐私。 · 利用浏览器原生能力: · CORS API:直接在浏览器前端调用支持跨域的公共 API,无需后端转发。 · 文件处理:利用 <input type="file"> 在本地读取和处理文件(如裁剪图片、OCR 识别),无需上传文件到云端。 · WebAssembly & Pyodide:通过 WebAssembly 在浏览器端运行 Python 数据分析(Pandas)或复杂的 C++ 库(如 FFmpeg、Tesseract),极大地扩展了前端工具的能力边界。 为何这种模式很重要? 它展示了 AI 时代软件开发范式的转变: · 降低门槛:开发者可以用极低的成本(几分钟)构建出一个解决特定痛点的小工具(例如:转换特定格式的 JSON、提取图片中的文字、调试 API)。 · 数据主权与隐私:由于工具是静态的且在本地运行,用户不需要担心将私密数据发送给第三方服务器。 · 可复用与 Remix:因为代码简单且独立,旧工具的代码可以很容易地作为“上下文”喂给 AI,让其基于现有功能快速开发出新工具。

邵猛,中年失业程序员 😂 专注 - Context Engineering, AI Agents. 分享 - AI papers, apps and OSS. ex Microsoft MVP 合作 - 私信/邮箱:shaomeng@outlook.com 📢 公众号/小红书: AI 启蒙小伙伴

avatar for meng shao
meng shao
Fri Dec 12 01:20:48
A quick functionality summary: It finds people who most recently signed up for a trial and were scored as good prospects for my ICPs.

It looks for similar companies, similar size, and location as those people, and figures out the right people to approach at those companies.

It lets me review it in the email that was drafted to be sent to them. Pretty simple "hey, interested in this kind of stuff" email.

That happens several times a day and guarantees a constant flow of interesting outreach targets that fit exactly who's already using the platform. And the more people from one kind of industry join, the more of their peers I find and reach out to. Buzz begets buzz.

A quick functionality summary: It finds people who most recently signed up for a trial and were scored as good prospects for my ICPs. It looks for similar companies, similar size, and location as those people, and figures out the right people to approach at those companies. It lets me review it in the email that was drafted to be sent to them. Pretty simple "hey, interested in this kind of stuff" email. That happens several times a day and guarantees a constant flow of interesting outreach targets that fit exactly who's already using the platform. And the more people from one kind of industry join, the more of their peers I find and reach out to. Buzz begets buzz.

Building https://t.co/od97B0HVrk and https://t.co/666FnyVVE0 in Public. Raising all the boats with kindness. 🎙️ https://t.co/6w69DZmi8H · ✍️ https://t.co/lpnor5rsTW

avatar for Arvid Kahl
Arvid Kahl
Fri Dec 12 01:20:18
  • Previous
  • 1
  • More pages
  • 942
  • 943
  • 944
  • More pages
  • 5634
  • Next