返回 Skills Library
设计 来源:GitHub 协议:MIT 协议已标注

Taste Skill

用一组审美约束和前端工作流,减少 AI 生成页面的模板感和廉价感。

61.2K GitHub stars 2026-07-09 星标同步 2026-07-09 收录时间
#frontend#visual-design#anti-slop#landing-page

快速判断

一句判断

适合给 AI 前端生成加一层“审美刹车”,尤其是对抗默认模板感。

用一组审美约束和前端工作流,减少 AI 生成页面的模板感和廉价感。

读原文顺序

  1. 先读 README 开头,判断仓库解决的问题。
  2. 再看能力结构或包含内容,确认是否需要整体安装。
  3. 最后看安装、许可证和维护说明。

需要让 Agent 生成更有审美判断的 landing page、作品集或产品页面时。

需要从图片参考、品牌方向或现有页面出发做高完成度改版时。

适合给 AI 前端生成加一层“审美刹车”,尤其是对抗默认模板感;但它会强烈影响视觉方向,正式项目里应结合品牌系统再使用。

策展备注: 适合给 AI 前端生成加一层“审美刹车”,尤其是对抗默认模板感;但它会强烈影响视觉方向,正式项目里应结合品牌系统再使用。

预览 · README.md

中文为 README 译文;English 保留 GitHub README 原文。

Taste Skill

面向 AI Agent 的 Anti-Slop 前端框架。

这是一组可移植的 Agent Skills,用来升级 AI 构建界面的质量:用更强的布局、排版、动效和间距,替代看起来像样板的界面。本仓库还包含用于 web、mobile 和 brand kit 参考板的图像生成 skills。

Installing

skills CLI 会扫描本仓库的 skills/ 文件夹,所以代码类和图像生成类 skills 都使用同一种安装方式。

npx skills add https://github.com/Leonxlnx/taste-skill

如果只想安装单个 skill,请使用它在 SKILL frontmatter 里的 name: 字段作为安装名,而不是文件夹名。

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"

Skills

每个 skill 只做一件事;你不需要一次使用全部。实现类 skills 输出代码,图像生成类 skills 只输出参考图。

  • design-taste-frontend:v2 实验性默认 skill,用于更强的布局、排版、动效、密度、设计系统映射、改版审计和交付前检查。
  • design-taste-frontend-v1:保留原始 v1 行为,供依赖精确旧行为的项目使用。
  • gpt-taste:更严格的 GPT/Codex 取向变体,强化 GSAP 和布局执行。
  • image-to-code:图像优先流程:先生成站点参考图,分析后再实现前端以匹配参考。
  • redesign-existing-projects:先审计现有 UI,再修复布局、间距、层级和样式。
  • high-end-visual-design:更精致、克制、昂贵感的 UI。
  • minimalist-ui:带有克制配色和清晰结构的编辑感产品 UI。
  • industrial-brutalist-ui:瑞士字体、强对比和实验性机械布局。
  • stitch-design-taste:兼容 Google Stitch 的规则,可选择导出 DESIGN.md。
  • imagegen-frontend-webimagegen-frontend-mobilebrandkit:用于网页视觉稿、移动端流程和品牌识别板的图像生成 skills。

License

MIT License.