#前端

motion-anything 开源项目:免费版 Figma Motion + 无水印动效视频工坊
Open Design 团队开源了 motion-anything,一个能直接在真实网页上运行的动效引擎。与大多数原型工具不同,motion-anything 生成的动效是真实的 HTML + CSS + JavaScript,部署即可上线…
AI 不按规范生成页面?问题可能不在提示词,而在你的知识组织方式
最近刷到一篇文章,讲了一个很多 AI 用户都遇到过的问题:为什么 AI 不按规范生成页面? 文章作者是设计师范米花儿,她提到了一个很有意思的观察。很多人问她的核心问题其实就一个:我明明有 Figma 组件库、有规范文档、甚至有前端工程,为什…
Taste-Skill:54.2K 星的开源 AI 前端审美规则库,根治模板化 UI
用Cursor、Claude Code写页面的开发者基本都踩过同一个坑:代码功能没问题,但页面全是统一模板——居中大标题、泛滥紫蓝渐变、堆三层卡片,一眼就能看出是AI生成。反复改prompt效率极低。今天分享开源项目…
Google 开源 design.md:让 AI Agent 输出专业 UI 的设计规范
AI 写网页时总爱偷懒——上来就是 Tailwind 默认配色、Inter 字体,一看就是模板味。五年前 Tailwind 创始人把 TailwindUI 里每个按钮都设成 bg-indigo-500,导致地球上每个…
开源JitMind SDK:框架无关的思维导图编辑器,3分钟集成任意前端项目
一款开源思维导图编辑器,风格类似 Xmind,可以轻松集成到自己的应用: 由于设计的是纯 JS SDK,大家不用担心技术栈问题,可以轻松集成到 Vue、React、Angular 等主流前端框架中。 项目地址: GitHub:githu…
Taste Skill:51.8K Star 前端设计规则框架,让 AI 生成的网页告别模板味
让 AI 生成网页代码时,最常见的结果是:深色背景、紫蓝渐变、居中大标题、三张功能卡片、发光按钮。代码本身没问题,但一眼就能看出是 AI 写的——AI 味太重。 换个 prompt 再试一次,还是那套模板:紫色换蓝色…
Open File Viewer:一个容器统一 110 种文件格式的前端预览 SDK
前端做文件预览基本都踩过坑:PDF 一个库,Word 一个库,Excel 一个方案,图片、视频自己写,压缩包直接下载,复杂一点的 CAD、3D、GIS 文件,很多项目干脆放弃。能用,但不好用。有的跳出当前 tab,有的打开新页面,有的强制下…
PixiJS v8.19 发布:HTML-in-Canvas 正式落地,DOM 进入 GPU 渲染管线
前段时间我写过一次 HTML-in-Canvas,当时很多人的第一反应是:这个提案确实疯狂,但感觉离真正落地还很远。 结果没想到,PixiJS 先动手了。 在最新的 PixiJS v8.19.0 中,官方已经加入了 HTML-in-Can…
Nub JS 工具链实测:基于 Node 的 Rust 工具集,nub run 比 pnpm 快 24 倍
前几天,前端工具链又杀出来一个狠角色。这次不是 Bun,不是 Deno,也不是某个新的运行时,而是一个叫 Nub 的 Node.js 工具链。 它刚进入公测,作者是 colinhacks(Zod 的作者)。一句话概括:Nub 想做一个更快…
Taste Skill:反 AI 味前端框架,让 AI 编程助手生成专业级设计界面
很多前端开发者都有同感:让 AI 生成 landing page,十份有八份是紫蓝渐变加大圆角、居中 Hero。间距、层级、字体比例"看起来能跑",但经不起细看。改来改去,还是在"像 AI 做的"和"像人设计的"之间反复横跳。 Taste …