#前端开发

PixiJS v8.19 发布:HTML-in-Canvas 正式落地,DOM 进入 GPU 渲染管线
前段时间我写过一次 HTML-in-Canvas,当时很多人的第一反应是:这个提案确实疯狂,但感觉离真正落地还很远。 结果没想到,PixiJS 先动手了。 在最新的 PixiJS v8.19.0 中,官方已经加入了 HTML-in-Can…
Codex 设计新玩法:用 Design.md 解决 AI 生成的样式不一致问题
在使用 AI 辅助 B 端系统开发时,经常遇到样式不一致的问题。比如:颜色深浅不一,间距松紧各异,按钮圆角这里是 4px,那里变成了 6px。这通常是因为只给了 AI Figma 链接或截图,它能还原当前页面,但不知道整个项目的统一设计规则…
OpenUI:AI生成UI开源新标准,比JSON省67%Token
前端开发正在被 AI 重构。今天介绍一个全栈生成式 UI 开源框架——OpenUI。它用一套极简流式语言,让大模型直接输出可渲染 UI,比传统 JSON 更省流、更快、更可控。 OpenUI 是什么? OpenUI…
gpt-image-2 生成大屏设计稿到代码还原:完整实现指南
将 AI 生成的设计稿还原为可交互的大屏代码,是 AI 辅助开发流程的最后一步。 本文基于 gpt-image-2 生成的福建省 GDP 可视化大屏设计稿,完整演示了从素材包到可运行代码的实现过程。 开发流程概述 整个流程分为三步: 用…
Zed 编辑器 1.0 发布:Rust 打造极致性能,AI 原生体验全面超越 VS Code
Zed 官方最近开放了 Pro 版免费试用,新用户直接获得 **$20 AI 额度**,可以直接使用 Claude、GPT、Gemini 等主流模型。对于正在寻找 VS Code 替代方案的开发者来说,这是一个值得尝试的时机。 如果你也在用…
WorkBuddy 新技能 HTML Deploy:零服务器部署,3 步将 HTML 发布到公网
很多新手用 AI 做小功能、写 HTML 页面,却卡在最后一步:没有云服务器、不会部署、不知道怎么公网配置,白白浪费了创作成果。最近发现 WorkBuddy 上线了一个新技能——HTML Deploy,能轻松解决这个…
GSAP Skills:GSAP 官方 AI 动画知识库,让 AI 真正理解高级前端动画
GSAP 官方发布了一个开源项目——gsap-skills,专门为 Cursor、Claude Code、Copilot 等 AI 编程工具设计。装上以后,AI 会开始真正理解 GSAP 动画开发,包括 Timeli…
10个前端开发必备的AI Skills:从设计还原到自动化部署的全套方案
作为一个长期关注AI落地应用的产品经理,我每天都在筛选能够切实提升团队效能的工具。最近在深度体验 Codex、Claude Code 等 AI 编程助手时,我发现单纯的“聊天写代码”已经不能满足高质量交付的需求了。真…
Taste Skill:让 AI 编码 Agent 生成更好前端界面的审美规则库
用 AI 写前端页面时,你是否经常遇到这样的问题:生成的界面总是"居中大标题 + 三张卡片 + 蓝紫渐变"的模板感?字体、间距、配色全靠运气? Taste Skill 正是为了解决这个问题而生。它是一组面向 AI 编码 Agent 的 SK…
CodeBuddy + MiniMax-M2.7 实测:AI编程小程序开发实战的模型选择指南
最近半年用 AI编程开发了 3 个完整小程序项目,都已上线并获得了一些用户。从构思到功能开发到上线,完整走完了从 0 到 1 的多个产品全流程。 在这个过程中尝试了很多工具和不同的模型,目前使用最多的是 MiniMax-M2.7。 为什么…