快速判断
一句判断
适合给 AI 前端生成加一层“审美刹车”,尤其是对抗默认模板感。
用一组审美约束和前端工作流,减少 AI 生成页面的模板感和廉价感。
读原文顺序
- 先读 README 开头,判断仓库解决的问题。
- 再看能力结构或包含内容,确认是否需要整体安装。
- 最后看安装、许可证和维护说明。
需要让 Agent 生成更有审美判断的 landing page、作品集或产品页面时。
需要从图片参考、品牌方向或现有页面出发做高完成度改版时。
适合给 AI 前端生成加一层“审美刹车”,尤其是对抗默认模板感;但它会强烈影响视觉方向,正式项目里应结合品牌系统再使用。
策展备注: 适合给 AI 前端生成加一层“审美刹车”,尤其是对抗默认模板感;但它会强烈影响视觉方向,正式项目里应结合品牌系统再使用。
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-web、imagegen-frontend-mobile和brandkit:用于网页视觉稿、移动端流程和品牌识别板的图像生成 skills。
License
MIT License.
Taste Skill
The Anti-Slop Frontend Framework for AI Agents.
Portable Agent Skills that upgrade AI-built interfaces: stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs. This repo also includes image-generation skills for reference boards for web, mobile, and brand kits.
Installing
The skills CLI scans the skills/ folder in this repo, so all code and image-generation skills install the same way.
npx skills add https://github.com/Leonxlnx/taste-skill
Install a single skill by its install name, the name: field inside the SKILL frontmatter, not the folder name.
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
Skills
Each skill does one job; you do not need all of them at once. Implementation skills output code. Image-generation skills output reference images only.
design-taste-frontend: v2 experimental default skill for stronger layout, typography, motion, density, design-system mapping, redesign audits and pre-flight checks.design-taste-frontend-v1: original v1 preserved for projects depending on exact behavior.gpt-taste: stricter GPT/Codex-oriented variant with stronger GSAP and layout enforcement.image-to-code: image-first pipeline: generate site references, analyze them, then implement frontend to match.redesign-existing-projects: audit existing UI first, then fix layout, spacing, hierarchy and styling.high-end-visual-design: polished, calm, expensive UI.minimalist-ui: editorial product UI with restrained palette and crisp structure.industrial-brutalist-ui: Swiss type, sharp contrast and experimental mechanical layout.stitch-design-taste: Google Stitch-compatible rules with optional DESIGN.md export.imagegen-frontend-web,imagegen-frontend-mobile, andbrandkit: image-generation skills for comps, mobile flows and identity boards.
License
MIT License.