脚本之家 设为“星标⭐”
第一时间收到文章更新
出处:前端之神(ID:Sunshine_Lin_God)
🎨 taste‑skill:拒绝流水线AI页面,给AI植入高级审美
仓库地址:https://github.com/Leonxlnx/taste

taste‑skill,外号“反劣质AIUI框架”,专门解决AI生成界面千篇一律的问题。它参考了247个高质量获奖网站案例,把排版、间距、色彩、布局、动效整套设计规则,封装成Skill文件,喂给AI编码代理。
✅核心亮点
- 多AI工具兼容:Cursor、Claude Code、Codex、Gemini CLI全部支持,只要识别SKILL.md文件的Agent都能用。
- 多套预设技能模板:不止一套规则,包含着陆页、作品集、后台仪表盘、营销页面等不同场景的设计约束,适配网页、管理后台等多种项目。
- 自动规避AI通病:强制约束字体层级、留白、色彩体系,避免AI无脑套用通用模板,输出更接近人工精心设计的效果。
📦快速安装 终端进入项目执行一行命令即可:
npx skills add Leonxlnx/taste‑skill
安装完成后项目内自动生成SKILL.md,AI会自动读取,无需额外配置。
适合场景:做营销落地页、作品集、官网,希望AI输出有Awwwards级别质感的页面。
✨ impeccable:自带一套完整AI设计指令词汇表
仓库地址:https://github.com/pbakaus/impeccable
impeccable定位是「AI代理缺失的设计词汇库」。和单纯输出风格不一样,它提供了一整套可直接对话的设计命令,你可以直接对AI下达指令,打磨现有页面,而不是只用于新建页面。
✅核心亮点
- 23条内置设计指令:
/impeccable polish美化页面、audit设计审计、critique点评UI、animate增加动效……直接在AI聊天框输入命令即可执行。 - 反模式检测:内置27条规则,识别AI常见UI缺陷,去除浓浓的“AI生成痕迹”,同时尊重你项目已有的设计系统,不会全盘推翻原有样式。
- 生态完善:提供CLI命令行工具、浏览器插件、VSCode扩展;既可以新建页面,也能迭代、打磨、修复已经写好的界面。
📦快速安装
npx skills add pbakaus/impeccable
适合场景:手上已经有页面代码,需要AI帮忙优化、审计、微调UI;团队有既定设计系统,不想AI乱改风格。
🪪 hallmark:20套主题+57项质量校验,打造独一无二界面
仓库地址:https://github.com/Nutlope/hallmark
hallmark 目标很直白:让AI产出的界面看起来是人设计的,而不是机器批量生成。由 Together AI 团队推出,凭借丰富主题和严格质量校验迅速出圈。
✅核心亮点
- 20套现成设计主题:现代极简、柔和商务等不同视觉风格,AI会自动匹配主题的字体、色彩、组件样式,轻松跳出默认模板套路。
- 57项“反劣质”检测关卡:AI输出代码前,自动执行整套校验,检查层级、留白、细节,过滤掉大量AI常见低级错误,降低返工成本。
- 四大核心动词指令:
build新建页面、audit页面审查、redesign重构页面、study分析参考页面,工作流清晰。 - MIT开源协议,可以自由修改、二次定制属于自己团队的Skill。
📦快速安装
npx skills add nutlope/hallmark
适合场景:快速搭建全新页面,想要多种视觉风格可选,追求输出质量,减少手动调细节。
📝简单总结,怎么选?
-