#前端
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，刷屏了整个开发者…
9 款 Vibe Design 工具横评：Variant、Stitch、impeccable 等 UI 设计工具实测对比
评测背景
本文评测 9 款针对非设计师的 Vibe Design 工具，适用于提升 AI 生成的 APP 和前端应用的美感。评测任务统一为：设计一个音乐播放 APP，要求现代、清新、模拟实体的播放器展现效果。
Variant：创意最强的设计…
KAT-Coder-Pro V2发布：Claude Code + KAT-Coder-Pro V2实测新一代代码助手在前端生成与审美上显著进化
昨天快手宣布 KAT-Coder-Pro V2 正式上线。去年 10 月 V1 版本刚出时我就在 Claude Code 里测试过，整体感觉还行，就是最大输出只有 32K，碰到复杂代码生成任务有点不够用。
这次 V2 升级幅度不小，我接入…
JSON Render：用结构化JSON重新定义AI生成前端代码的边界
当下关于AI编程的讨论，大家往往聚焦在"AI能生成什么"，但很少有人问"AI生成的代码能不能用"。
Vercel Labs最近开源的JSON Render项目恰好切中了这个痛点，在短短3天内收获6000+ Star，这种热度背后反映的是前端…
PinMe：为 AI 生成的小项目而生的极简部署工具，GitHub 爆火AI前端部署神器
最近在体验各类 AI 代码生成工具时，我发现了一个有趣的现象：生成代码变得越来越容易，但「如何快速把它上线给别人看」这个问题，反而成了新的痛点。
传统的部署方案（GitHub Pages、Vercel、Netlify）虽然功能完整，但对于那…
入门AI编程必看：10个最实用的前端技术栈和开源组件库
对于做前端的应该知道，前端已经不是单纯的“HTML+CSS”，而是进入了大前端时代。它既能支撑高性能的应用开发，也能承接后端服务，甚至扩展到跨平台全端开发。而AI的到来，更是加速了这一趋势。
苏米经常测试和了解各种新…
产品体验自查：需求自查清单（附下载）
产品体验自查：需求自查清单（附下载）
有用户反馈需要系统的「产品体验自查」来优化产品逻辑与易用性。为满足这一需求，我结合实践整理出一份覆盖产品全链路的「需求自查清单」，可以帮助在写需求文档的时候高效排查疏漏、提升产品体验。
需求自查清单包括…
产品组件库：Vant，有赞出品轻量、可定制的移动UI组件库
Vant 是有赞前端团队维护的移动端组件库，是一款轻量、可定制的移动端 Vue 组件库。
介绍
轻量、可靠的移动端 Vue 组件库，采用 MIT 开源协议, 目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版…
产品组件库：Element，饿了么团队出品的WEB UI 组件库
Element：是饿了吗团队研发，一套为开发者、设计师和产品经理准备的基于vue2.0的桌面端组件库，同时提供Sketch、Axure模板资源文件方便快速产品设计。
介绍
由饿了么团队出品，一套为开发者、设计师和产品经理准备的组件库，…