#前端开发
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。
为什么…
7 个高质量前端UI设计的 Skills(技能包),让 AI 编程生成高质量UI代码
摘要:本文分享 7 个高质量前端开发 Skills(技能包),覆盖地图开发、Vue/Nuxt 工具链、3D 开发、SCSS 规范、现代 CSS、UI/UX 设计、Electron桌面应用。安装后 AI 编程助手生成的代码质量显著提升,减少查…
DESIGN.md 开源项目详解:5 天 52K Star,用 Markdown 让 AI 写出品牌级 UI
丢一个 Markdown 文件到项目里,告诉 AI"照这个风格做",出来的 UI 直接就是 Stripe 级别的质感。GitHub 上一个叫 awesome-design-md 的项目,5 天内冲到 52,264 Star,刷屏了整个开发者…