谷歌发布Modern Web Guidance，AI前端代码现代规范通过率从56%提升到95%
谷歌开源的这套工具直接装到Claude Code、Codex、Cursor里就能用，不改模型不改流程，只是让Agent写前端前先查浏览器原生能力和现代CSS规范。被冗余代码和过时写法困扰的前端开发者，可以拿56%到95%这组通过率数据实测一下自己的项目。
#前端开发
共 36 条 · 7 天 4 条 · 30 天 5 条
信息流里打上「前端开发」标签的资讯、产品与论文，按刊登时间排，新的在上。
11月15日
11月13日
前端岗正在消失？聊聊AI时代前后端工程师向"全干"转型
这篇是掘金上关于前端岗位的争论文章，作者拿排序函数对比了人和AI写代码的差别，还讲了个扎心观点：工期从一个月压到半个月后，没人再看AI写的代码，全成黑盒了。做前端后端的朋友都该看看，想想自己走专精还是全栈路线。
Vercel 发布 UI SDK：让 Agent 用可组合行为生成界面
Vercel 把 UI 拆成 focus、drag、ARIA 这些小行为让 Agent 去组装，而不是直接生成 React 代码。做 AI 生成界面或前端工程化的开发者值得看看，思路和 shadcn 那套组件复制模式很不一样。
11月12日
Chrome 联合 Edge、Firefox 推出 modern-web-guidance，让 AI 按最新规范写网页
Chrome、Edge、Firefox 三家一起做的 AI 前端规范包，装一行命令 AI 就会按最新 Web 标准写代码。写前端的朋友可以试试，弹窗动画、自适应、Passkey 登录这些细节都不用再自己查文档。
10月26日
Ethan Mollick 用 Opus 5.5 重做书籍网站，几乎无需人工返工
Mollick 亲测同一个网站项目，Opus 4.8 还要大量返工，换成 5.5 就基本放手不管了，两版对比很直观。
10月14日
Bolt 分享门店定位页生成提示词：MapLibre GL JS 加 OpenFreeMap 免费瓦片
Bolt 放出一条现成提示词，直接复制就能生成带地图的门店定位页，用 OpenFreeMap 连 API key 都不用申请，做展示页很省事。
10月1日
CopilotKit赞助Interrupt London大会
CopilotKit在伦敦大会设展，可体验企业级智能体前端开发工具。
9月29日
Gradio 寻求用户反馈新功能
Gradio 团队正在征求用户反馈，准备重新设计产品，解决当前 AI 应用开发的新挑战。
9月8日
Addy Osmani 加入 Claude Code 团队
前端和AI开发者必看，Addy Osmani从Google Chrome、Cloud、Gemin加入Claude Code，分享AI工程实践。
CopilotKit赞助Interrupt NYC活动
CopilotKit在纽约活动现场展示企业级智能体开发工具，适合开发者现场体验。
Addy Osmani 加入 Anthropic 开发 Claude Code
前端大牛 Addy Osmani 加入 Anthropic，将优化 Claude Code 开发者体验。
9月7日
GPT-6 Astra 复刻 Figma 编辑器
GPT-6 Astra 30 分钟复刻 Figma 编辑器，看看 AI 如何重构设计工具
8月2日
DeepSeek-V4-Flash-High在Frontend Code Arena拿下1586分
DeepSeek的新模型前端代码拿了1586分，定价才0.14/0.28美元，同类里性价比最高，前端开发者可以试试。
6月27日
LLM默认使用React的倾向降低了？Simon Willison的观察
Simon Willison分享了一个省事小发现：现在LLM写前端默认React少了，你少写一句提示词。
6月25日
GLM-5.2 (Max) 在 Code Arena: Frontend 以高胜率超越 Opus 系列
GLM-5.2 在前端任务上干掉了 Claude Opus 系列，对 Kimi 和 Sonnet 胜率超 60%，开源模型里相当能打。
6月22日
GPT-5.6传闻将大幅改进前端开发能力
GPT-5.6据说前端开发更强了，还有5.6 Pro，下周四可能发布。
6月14日
Kimi-K2.7-Code 等前沿模型加入 Code Arena 前端竞技场
Kimi新模型加入代码竞技场
6月11日
Claude Fable 5 登顶 Code Arena 前端排行榜，全面领先 Opus-4.8
前端开发者可以关注这个新标杆——Claude Fable 5 在 HTML 和 React 子榜全拿第一，做 UI 生成或组件开发的团队值得试试。
Claude Fable 5 在 Code Arena 前端赛道登顶，全面领先 Opus-4.8
前端开发者可以放心尝试 Fable 5——它在 HTML 和 React 等关键子类别全面领先，做品牌营销、数据可视化或游戏界面的团队直接用它来提升效率。
Claude Design：用Git管理设计稿，比Figma更AI友好
做设计系统或前端开发的团队，用 Git 管理设计稿比 Figma 更高效——文本格式让 AI 也能看懂变更，建议试试 Claude Design 的交付方式。
Claude Fable 5 登顶 Code Arena 前端榜首，大幅领先 Opus-4.8
前端开发者可以直接用 Fable 5 提升 HTML/React 项目效率，智能体任务执行能力也远超竞品，做复杂自动化流程的团队值得关注。
6月8日
产品10:49
Agent 时代：错误反馈明确，修正比 Chat 时代快得多这篇文章点出了 Agent 时代开发效率提升的关键——明确的错误反馈让调试不再是噩梦。做前端开发、用 AI 写代码的团队，看完会对 Agent 的工作方式有更深理解。
6月7日
Cursor 新功能：浏览器 + 元素标注，变身设计工作室
做前端开发或 UI 设计的团队，现在可以直接在 Cursor 里用自然语言修改界面，省去反复切工具和手写 CSS 的麻烦，值得一试。
6月3日
产品01:35
Kombai 2.0 发布 AI 设计工程师，打通设计与代码设计转开发的痛点终于被 AI 盯上了——做 UI 设计或前端开发的团队，再也不用为「设计稿和代码对不上」反复沟通，值得关注这个新工具。
6月2日
Kombai 发布前端专用 AI 编程 Agent，开源评测数据集
前端开发者终于有了专门解决 UI 代码痛点的 AI 工具——Kombai 通过专业化理解设计上下文和浏览器状态，比通用 Agent 更懂前端。做复杂前端项目或维护大型代码库的团队，建议看看它的演示和开源数据集。
5月29日
用Three.js提示词生成波音747-400飞机模型
这条提示词解决了用纯Three.js几何体构建复杂飞机模型的痛点，做3D可视化或航空模拟的开发者可以直接复制运行，省去手动建模的繁琐。
5月27日
Qwen 3.7 Max 在 Arena Coding Agent 排名第四，超越 GLM-5.1
Qwen 3.7 Max 在智能体编程榜单上超越 GLM-5.1 并追平 Claude Opus 4.6，做前端开发或智能体应用的团队值得关注这一国产模型的进展。
5月25日
npm 遭供应链投毒攻击，影响 echarts-for-react、AntV 等热门项目
npm 生态这次被大规模投毒，波及面极广，前端和 AI 开发者如果近期安装过依赖，建议立即排查——恶意代码能自动窃取云密钥和 GitHub Token，还会横向传播到其他包，不处理可能影响整个开发环境。
IT之家原文
5月21日
产品07:59
Cloudflare 推出 Kumo UI 组件库，基于 Base UI 设计Cloudflare 官方出品的组件库，设计风格统一且对 AI 代理友好，做前端开发或 Cloudflare 生态应用的团队可以直接拿来用，省去自己造轮子的时间。
Gemini 3.5 Flash 渲染佩特拉宝库，自动构建石峡谷和音效
Gemini 3.5 Flash 的主动扩展行为展示了 AI 从被动执行到主动理解的转变，做创意生成或前端开发的团队值得关注这种新能力，建议试试看它能否提升你的工作流。
5月20日
Google Stitch 在 I/O 2026 发布五大更新：流式生成、局部编辑、MCP 同步
Stitch 的 DESIGN.md 中枢和 MCP 同步机制解决了设计意图在团队间传递的信息损耗问题，做前端开发或设计系统的团队可以直接用 Stitch 串联 Figma 和代码仓库，值得上手试试。
5月17日
Chrome 149 将支持 CSS shape() 函数，文本绕排任意曲线
前端开发者终于可以用原生 CSS 实现任意曲线文本绕排，告别手动顶点近似。做图文排版、创意网页的团队可以直接在 Chrome 149 上体验，省掉 JS 引擎的复杂度和性能开销。
5月16日
Friday project：重写 canirun-ai 硬件检测模块，增加可读性
做 AI 工具或硬件检测的开发者，这个模块的重写思路值得参考——用描述性命名和 JSDoc 让复杂逻辑更易维护，建议直接看源码。
html-anything 开源：Claude Code 同款 HTML 效果
做 AI 编程或前端开发的团队，终于有了一个能稳定输出高水准 HTML 的工具，支持多种 code agent，可以直接集成到工作流中试试。