实战 Google Stitch + AI 编码工具：利用 MCP 协议打通 UI 设计与代码实现的闭环
本文记录了一次利用 Google 的 AI 设计工具 Stitch 与 AI 编码工具（通过 MCP 协议）联动，自动优化网页 UI 的实测过程。作者通过在配置文件中添加 Stitch 的 MCP 服务地址，成功让 AI 调用设计 API ...
标签索引 / 第 8 页
前端开发
这个标签下有 220 篇文章。按时间回看相关判断与实践记录。
标签精选
相关内容
AI辅助开发遭遇现实挑战：从原型图到APP代码，为何界面总是“很抽象”？
一位开发者在利用AI辅助开发Uniapp应用时遭遇瓶颈。其工作流程是先根据需求生成HTML格式的高保真原型图，随后利用AI模型（如Codex）参照原型图直接生成跨端（小程序、安卓、iOS）代码。然而实际效果显示，AI生成的界面与原型图存在巨...
开发者实测：OpenAI 生成前端界面被指“灾难级”，Gemini 与 Opus 表现更优
近期，有开发者在社区发帖对比测试主流AI大模型的前端代码生成能力。实测结果显示，OpenAI 的模型（文中称为 Codex 5.4）在处理前端设计时表现堪称“灾难级”，不仅生成的界面外观简陋，甚至无法准确理解基本的业务需求。尽管消耗了大量 ...
拒绝React的繁琐：Qite.js提出“无构建、无虚拟DOM”的前端新范式
Qite.js 是一款专为厌倦复杂构建步骤的开发者设计的前端框架。它完全摒弃了 npm、虚拟 DOM 和打包工具，主张将 DOM 作为唯一事实来源，直接在浏览器中运行。该框架支持 SSR（服务端渲染）优先，允许开发者使用原生 HTML 和 ...
CSS新玩法：利用自定义Select元素打造炫酷的“物理级”交互体验
随着Chromium内核浏览器引入可自定义“元素的特性，前端开发者终于迎来了原生下拉组件的变革。本文深入探讨了如何利用`::picker()`、`sibling-index()`、`anchor()`等全新CSS语法，构建出超越...
开源原生AI思维导图组件Open MindMap：用Markdown革新LLM绘图逻辑
Open MindMap 是一款专为AI时代设计的开源思维导图组件。针对传统思维导图依赖复杂JSON数据导致AI生成易出错的痛点，该项目创新性地采用Markdown列表语法作为核心数据结构，完美契合LLM的流式输出特性。该组件支持实时渲染、...
无需繁重框架：Async Iterables 自2018年已实现前端响应式
本文指出了前端开发中一个被忽视的技术事实：自 ES2018 引入 Async Iterables（异步可迭代对象）以来，开发者其实可以利用原生 Web 标准构建响应式系统，而无需依赖 React 或 Vue 等庞大的第三方框架。作者通过 G...
告别碎片化：Impeccable 前端技能包打通 Cursor 与 Claude 工作流
针对开发者在使用 AI（如 Cursor、Claude）构建前端时提示词分散的问题，Impeccable 提供了一套整合方案。它包含 1 个核心技能和 20 个精选指令，能够适配主流 AI 编程工具。该工具包的核心亮点在于其 `/criti...
开发者打造 Vite 插件：赋予 AI Agent 前端代码自主 Debug 能力
一位开发者在技术社区分享了自研的 Vite 插件“vite-plugin-pilot”，旨在让 AI Agent 具备自主调试前端代码的能力。该插件效果可媲美 Chrome DevTools MCP，尤其解决了在浏览器插件、嵌入式 WebV...
赋予Agent自主调试能力：这款Vite插件让AI能自己修前端Bug
开发者发布了一款名为 vite-plugin-pilot 的 Vite 插件，旨在赋予 AI Agent 在前端环境中的自主调试能力。该插件允许 Agent 通过 eval 在浏览器或特定运行时（如插件、Webview）中执行 JavaSc...