前端代码生成新高度：OPUS 4.6 惊艳实现 Canvas 粒子天气特效
该测试展示了 OPUS 4.6 模型在生成复杂前端代码方面的卓越能力。通过单个 HTML 文件，AI 完整复刻了高端天气应用的视觉体验，不仅实现了精致的玻璃拟态 UI，更内置了基于 Canvas 的粒子渲染引擎。代码包含模拟阳光光晕、雨滴飞...
标签索引 / 第 15 页
前端开发
这个标签下有 220 篇文章。按时间回看相关判断与实践记录。
标签精选
相关内容
神秘模型“旋风”实测碾压Claude？AI代码生成赛场再现“暗马”
近日，在AI设计竞技场中，一款名为“旋风”的神秘模型引发热议。通过“查看网页源代码”并进行100%还原汉化的实测显示，“旋风”在布局合理性、移动端适配、视频嵌入及表格美化等方面，均表现优于Claude 4.5s。相比之下，Claude被反馈...
AI访问受限，开发者热议国产替代方案与前端工具选型
鉴于国外主流AI工具访问受限且连接稳定性下降，国内开发者正加速寻找可靠的本土替代方案。在Linux.do社区的技术讨论中，开发者们评估了现有国产工具（如TRAE）的实际表现，认为其尚处于基础可用阶段。同时，部分开发者探索了利用Claude ...
从截图到代码：开发者探讨利用AI与Figma MCP实现全流程“Vibe Coding”
一位开发者近期在技术社区发起关于“Vibe Coding”（即一种强依赖AI直觉的编程方式）在项目全流程中落地的讨论。帖子以复刻淘宝闪购界面为例，详细提出了从将截图转换为Figma设计稿，再到利用Figma MCP结合AI模型直接生成代码的...
实测Kimi AI编码一周：VS Code插件配合MCP，体验已可平替Cursor
一位开发者分享了使用Kimi AI（VS Code插件版）进行前端开发一周的深度体验。评测指出，配合Framelink Figma MCP工具，Kimi能够实现极高的Figma UI设计还原度，且代码生成过程逻辑清晰、速度快，视觉体验舒适。...
程序员用 AI 快速手搓抽奖系统：支持“内定”黑幕，即开即用
一位开发者因家族聚会需求，利用 AI 编程工具辅助，将原本基于 Vue+Three.js 开发的抽奖系统重构为轻量级的 HTML+CSS+JS 版本。该系统不仅实现了大屏互动等基础功能，更应网友要求增加了“黑幕”模式，允许指定工号“内定”中...
告别图片转译损耗：开发者开源AI前端风格提取工具，利用MCP实现像素级复刻
针对现有AI模型在进行图片风格提取时存在的信息损耗问题，一位开发者开源了名为“style-extractor”的新工具。该项目通过集成Chrome DevTools MCP协议，直接获取网页的DOM结构信息，而非依赖截图转译，从而实现了像素...
开发者自制 Apple Design Skill，让 AI 写出像素级完美 iOS 界面
一位开发者分享了他为 AI 编写的“Apple Design”技能指令，旨在解决 AI 生成代码时缺乏设计细节的问题。该指令强制要求 AI 在编写 iOS 风格 Web 或小程序界面时，必须遵循像素级完美原则。它严格规定了必须优先使用 CS...
拒绝广告污染：开发者自制极简摩斯密码工具
针对现有工具广告繁多、结构混乱的问题，作者开发了一款极简摩斯密码转换器。该工具完全基于前端运行，无需API，提供实时翻译、视听同步及对照表下载等功能。其设计理念在于去除冗余干扰，通过清晰的页面结构与无广告体验，降低普通用户的使用门槛，展现了...
Kimi 2.5 前端能力实测：20字提示词克隆完整壁纸网站
社区用户分享了 Kimi 2.5 的前端代码生成能力演示。在测试中，用户仅输入了约20个字的简单提示词，要求克隆某壁纸网站，包含首页、分类、详情及评论等复杂页面结构。结果显示，Kimi 2.5 生成的代码效果惊人，几乎达到了1比1的复刻水平...