#前端
5 个前端美化 Skills 推荐:从轻量优化到完整设计系统,告别 AI 生成页面粗糙感
AI 写的前端页面太丑?一眼就能看出「AI 味」?试试这几个前端美化 Skill,能让页面质感直接提升一个档次。
Taste-skill — 54.6k Star 的轻量设计优化器
Taste-skill 是目前 GitHub …
8 个 GitHub 神级开源项目推荐:让 AI 生成网页告别千篇一律的模板感
GitHub 上关于"去 AI 味儿"的开源项目已经卷成红海。以下整理了 8 个最值得安装的 AI 设计 Skill 和工具,让 AI 生成的网页告别千篇一律的模板感。
1. Anthropic 官方前端设计 Skill
frontend…
Motion 动画库:从 Framer Motion 升级而来的全平台 Web 动画引擎
Framer Motion 正式独立升级为 Motion,从 React 专属动画库进化为支持 React、Vue、JavaScript 和 Web Animations API 的全平台动画引擎。官方将其定位为"生产级 Web 动画方案"…
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,有的打开新页面,有的强制下…