#前端

Open File Viewer:支持 110 种文件格式的前端预览 SDK,兼容 Vue/React/Svelte
在前端开发中,文件预览几乎是个不可避免的需求。PDF 用一个库、Word 又一个方案、Excel 再换一套,图片视频自己实现,压缩包只能下载,遇到 CAD、3D、GIS 这些复杂格式,很多项目直接放弃。最后功能虽然能用,但体验非常割裂&md…
Codex 设计新玩法:用 Design.md 解决 AI 生成的样式不一致问题
在使用 AI 辅助 B 端系统开发时,经常遇到样式不一致的问题。比如:颜色深浅不一,间距松紧各异,按钮圆角这里是 4px,那里变成了 6px。这通常是因为只给了 AI Figma 链接或截图,它能还原当前页面,但不知道整个项目的统一设计规则…
OpenUI:AI生成UI开源新标准,比JSON省67%Token
前端开发正在被 AI 重构。今天介绍一个全栈生成式 UI 开源框架——OpenUI。它用一套极简流式语言,让大模型直接输出可渲染 UI,比传统 JSON 更省流、更快、更可控。 OpenUI 是什么? OpenUI…
Taste Skill + WorkBuddy 实战:3 分钟做出科技感官网并上线
前几天在 GitHub 上看到一个叫 Taste Skill 的项目,17k+ Star,专门解决 AI 编程助手输出"模板味"的问题。正好有个朋友想做企业官网,拿来实战测试一下。 Taste Skill 是什么? Taste Skill …
Ant Design Pro :2026 年企业级 React 应用的标准方案
如果你还在从零搭建后台管理系统,Ant Design Pro 值得你花十分钟了解。它不是一个简单的模板,而是一整套企业级应用的「出厂配置」——React 19 + Umi Max 4 + Ant Design 6 +…
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,能轻松解决这个…
garden-skills:25 种风格配方解决 AI 前端审美同质化,6.2K Star 的 Agent Skills 集合
现在随便刷到的 AI 站点,几乎都是那套千篇一律的蓝紫渐变、圆角卡片、悬浮动效,仿佛从同一个模板里批量生产出来的。这种"AI 味"界面看多了难免审美疲劳,但作为开发者,又不得不承认 AI 确实提升了工作效率。 这就引出了一个有意思的矛盾:我…
GSAP Skills:GSAP 官方 AI 动画知识库,让 AI 真正理解高级前端动画
GSAP 官方发布了一个开源项目——gsap-skills,专门为 Cursor、Claude Code、Copilot 等 AI 编程工具设计。装上以后,AI 会开始真正理解 GSAP 动画开发,包括 Timeli…