AI 写的页面为什么总像模板？taste-skill 想给编程智能体补审美

GitHub 仓库

Leonxlnx/taste-skill

总 Stars

★ 106,342

主要语言

JavaScript

查看 GitHub 项目

结论先行：taste-skill 教编程智能体做界面审美，106,342 个 star，JavaScript 为主，MIT 许可证，2026 年 10 月 31 日凌晨还在更新。办法不玄乎：给智能体看参考图、定艺术方向、做完用浏览器实查一遍，而不是任由模型拼一套很 AI 的页面。

它是什么

一组 skill 文件，覆盖艺术指导、参考图用法和浏览器检查流程。仓库 2026 年 2 月 19 日创建，fork 数 7,193，官网 tasteskill.dev。多数 skills 合集教智能体写代码、跑流程，这一份专门盯着做出来的东西好不好看。

能干嘛

做落地页、产品官网、活动页时，让智能体先定视觉方向、找参考，再写前端代码，写完对照浏览器实际渲染效果改。目标是去掉一眼能认的 AI 模板味：千篇一律的紫色渐变、居中大标题、三栏特性卡。

它和 hallmark 有什么区别？

本站介绍过的 hallmark 主打别写出 AI 味，taste-skill 更往前一步：主动给方向、给参考、给检查。两者可以叠着用，一个管下限，一个抬上限。先装 taste-skill 跑一个真实落地页，看产出再决定要不要叠加别的规则。

适合谁 / 注意点

适合独立开发者、接外包的前端、自己动手做 demo 的产品经理。注意：浏览器检查需要本地有浏览器自动化环境，缺了它效果打对折；7,193 个 fork 对 open issue 只有 8 个，反馈池很小，遇到问题先翻官网文档。核验：2026 年 10 月 31 日北京时间 8 点 44 分，GitHub API。

站长点评

我最烦 AI 生成的页面长得一模一样，所以这篇写得格外认真。taste-skill 的思路我认：审美不能只靠提示词里一句好看点，得有参考、有检查。但也要泼冷水——它救得了排版，救不了品味，参考图选得土，出来照样土。