Chinese content前端岗正在消失？聊聊AI时代前后端工程师向"全干"转型
这篇是掘金上关于前端岗位的争论文章，作者拿排序函数对比了人和AI写代码的差别，还讲了个扎心观点：工期从一个月压到半个月后，没人再看AI写的代码，全成黑盒了。做前端后端的朋友都该看看，想想自己走专精还是全栈路线。
#front-end development
35 stories · 3 in 7 days · 4 in 30 days
Stories, products and papers tagged "front-end development", newest first.
Nov 13
Chinese contentVercel 发布 UI SDK：让 Agent 用可组合行为生成界面
Vercel 把 UI 拆成 focus、drag、ARIA 这些小行为让 Agent 去组装，而不是直接生成 React 代码。做 AI 生成界面或前端工程化的开发者值得看看，思路和 shadcn 那套组件复制模式很不一样。
Nov 12
Chinese contentChrome 联合 Edge、Firefox 推出 modern-web-guidance，让 AI 按最新规范写网页
Chrome、Edge、Firefox 三家一起做的 AI 前端规范包，装一行命令 AI 就会按最新 Web 标准写代码。写前端的朋友可以试试，弹窗动画、自适应、Passkey 登录这些细节都不用再自己查文档。
Oct 26
Chinese contentEthan Mollick 用 Opus 5.5 重做书籍网站，几乎无需人工返工
Mollick 亲测同一个网站项目，Opus 4.8 还要大量返工，换成 5.5 就基本放手不管了，两版对比很直观。
Oct 14
Chinese contentBolt 分享门店定位页生成提示词：MapLibre GL JS 加 OpenFreeMap 免费瓦片
Bolt 放出一条现成提示词，直接复制就能生成带地图的门店定位页，用 OpenFreeMap 连 API key 都不用申请，做展示页很省事。
Oct 1
CopilotKit sponsors Interrupt London
This sponsorship highlights CopilotKit's expansion into European developer events, showing their commitment to enterprise AI tooling. Developers in attendance gained hands-on access to their agent frontend stack, which could streamline building AI-powered interfaces for business applications.
Sep 29
Gradio Redesign for AI Apps
The redesign signals a shift from frontend accessibility to solving deeper integration and usability issues in AI app development. Developers working with AI tools should follow this evolution as it may address pain points in deployment and interaction that currently limit AI application effectiveness.
Sep 8
Addy Osmani joins Claude Code
Claude Code gains a prominent engineer known for his work on AI engineering practices and production-level skills.
Chinese contentAddy Osmani 加入 Anthropic 开发 Claude Code
前端大牛 Addy Osmani 加入 Anthropic，将优化 Claude Code 开发者体验。
Sep 7
Aug 2
Chinese contentDeepSeek-V4-Flash-High在Frontend Code Arena拿下1586分
DeepSeek的新模型前端代码拿了1586分，定价才0.14/0.28美元，同类里性价比最高，前端开发者可以试试。
Jun 27
Chinese contentLLM默认使用React的倾向降低了？Simon Willison的观察
Simon Willison分享了一个省事小发现：现在LLM写前端默认React少了，你少写一句提示词。
Jun 25
Chinese contentGLM-5.2 (Max) 在 Code Arena: Frontend 以高胜率超越 Opus 系列
GLM-5.2 在前端任务上干掉了 Claude Opus 系列，对 Kimi 和 Sonnet 胜率超 60%，开源模型里相当能打。
Jun 22
Jun 14
Jun 11
Chinese contentClaude Fable 5 登顶 Code Arena 前端排行榜，全面领先 Opus-4.8
前端开发者可以关注这个新标杆——Claude Fable 5 在 HTML 和 React 子榜全拿第一，做 UI 生成或组件开发的团队值得试试。
Chinese contentClaude Fable 5 在 Code Arena 前端赛道登顶，全面领先 Opus-4.8
前端开发者可以放心尝试 Fable 5——它在 HTML 和 React 等关键子类别全面领先，做品牌营销、数据可视化或游戏界面的团队直接用它来提升效率。
Chinese contentClaude Design：用Git管理设计稿，比Figma更AI友好
做设计系统或前端开发的团队，用 Git 管理设计稿比 Figma 更高效——文本格式让 AI 也能看懂变更，建议试试 Claude Design 的交付方式。
Chinese contentClaude Fable 5 登顶 Code Arena 前端榜首，大幅领先 Opus-4.8
前端开发者可以直接用 Fable 5 提升 HTML/React 项目效率，智能体任务执行能力也远超竞品，做复杂自动化流程的团队值得关注。
Jun 8
Products10:49
Chinese contentAgent 时代：错误反馈明确，修正比 Chat 时代快得多这篇文章点出了 Agent 时代开发效率提升的关键——明确的错误反馈让调试不再是噩梦。做前端开发、用 AI 写代码的团队，看完会对 Agent 的工作方式有更深理解。
Jun 7
Chinese contentCursor 新功能：浏览器 + 元素标注，变身设计工作室
做前端开发或 UI 设计的团队，现在可以直接在 Cursor 里用自然语言修改界面，省去反复切工具和手写 CSS 的麻烦，值得一试。
Jun 3
Industry08:24
Chinese contenta16z：视觉AI的下一个前沿是生成底层源代码a16z 点出了视觉 AI 从像素到代码的关键转向，做设计工具、前端开发或创意编程的团队值得关注——这可能是下一代视觉工作流的底层逻辑。
Products01:35
Chinese contentKombai 2.0 发布 AI 设计工程师，打通设计与代码设计转开发的痛点终于被 AI 盯上了——做 UI 设计或前端开发的团队，再也不用为「设计稿和代码对不上」反复沟通，值得关注这个新工具。
Jun 2
Chinese contentKombai 发布前端专用 AI 编程 Agent，开源评测数据集
前端开发者终于有了专门解决 UI 代码痛点的 AI 工具——Kombai 通过专业化理解设计上下文和浏览器状态，比通用 Agent 更懂前端。做复杂前端项目或维护大型代码库的团队，建议看看它的演示和开源数据集。
May 29
Chinese content用Three.js提示词生成波音747-400飞机模型
这条提示词解决了用纯Three.js几何体构建复杂飞机模型的痛点，做3D可视化或航空模拟的开发者可以直接复制运行，省去手动建模的繁琐。
Products08:14
Chinese contentAI+WebGPU：一天内将静态设计变为动态着色器AI 将静态设计直接转化为 WebGPU 着色器，一天内完成从创意到交付的全流程，做前端或图形开发的团队值得看看这个未来工作流。
May 27
Chinese contentQwen 3.7 Max 在 Arena Coding Agent 排名第四，超越 GLM-5.1
Qwen 3.7 Max 在智能体编程榜单上超越 GLM-5.1 并追平 Claude Opus 4.6，做前端开发或智能体应用的团队值得关注这一国产模型的进展。
May 25
Chinese contentnpm 遭供应链投毒攻击，影响 echarts-for-react、AntV 等热门项目
npm 生态这次被大规模投毒，波及面极广，前端和 AI 开发者如果近期安装过依赖，建议立即排查——恶意代码能自动窃取云密钥和 GitHub Token，还会横向传播到其他包，不处理可能影响整个开发环境。
IT之家Source
May 21
Products07:59
Chinese contentCloudflare 推出 Kumo UI 组件库，基于 Base UI 设计Cloudflare 官方出品的组件库，设计风格统一且对 AI 代理友好，做前端开发或 Cloudflare 生态应用的团队可以直接拿来用，省去自己造轮子的时间。
Chinese contentGemini 3.5 Flash 渲染佩特拉宝库，自动构建石峡谷和音效
Gemini 3.5 Flash 的主动扩展行为展示了 AI 从被动执行到主动理解的转变，做创意生成或前端开发的团队值得关注这种新能力，建议试试看它能否提升你的工作流。
May 20
Chinese contentGoogle Stitch 在 I/O 2026 发布五大更新：流式生成、局部编辑、MCP 同步
Stitch 的 DESIGN.md 中枢和 MCP 同步机制解决了设计意图在团队间传递的信息损耗问题，做前端开发或设计系统的团队可以直接用 Stitch 串联 Figma 和代码仓库，值得上手试试。
May 17
Chinese contentChrome 149 将支持 CSS shape() 函数，文本绕排任意曲线
前端开发者终于可以用原生 CSS 实现任意曲线文本绕排，告别手动顶点近似。做图文排版、创意网页的团队可以直接在 Chrome 149 上体验，省掉 JS 引擎的复杂度和性能开销。
May 16
Chinese contentFriday project：重写 canirun-ai 硬件检测模块，增加可读性
做 AI 工具或硬件检测的开发者，这个模块的重写思路值得参考——用描述性命名和 JSDoc 让复杂逻辑更易维护，建议直接看源码。
Chinese contenthtml-anything 开源：Claude Code 同款 HTML 效果
做 AI 编程或前端开发的团队，终于有了一个能稳定输出高水准 HTML 的工具，支持多种 code agent，可以直接集成到工作流中试试。