Taste Skill — The Anti-Slop Frontend Framework for AI Agents
- URL: https://www.tasteskill.dev/
- Date Saved: 2026-08-10
- Source: Website
- Tags: ai-tools, design-tools
- Repo: https://github.com/Leonxlnx/taste-skill
Summary
开源的 SKILL.md 文件集合，让 AI 编程工具（Cursor、Claude Code、Codex、Gemini CLI、v0、Lovable 等）生成的前端不再千篇一律（“anti-slop”）。一行命令安装：
npx skills add Leonxlnx/taste-skill核心机制
- 插入 SKILL.md 文件到项目中，AI agent 读取后遵循设计规则
- v2（2026 重写）：agent 先读 brief → 推断设计方向 → 生成不像模板的界面
- 支持所有兼容 SKILL.md 的工具
可用 Skills（13 个）
| Skill | 用途 |
|---|---|
| taste-skill v2 | 默认，brief 推断 + 设计系统匹配 |
| gpt-tasteskill | GPT/Codex 专用，更强布局变化 |
| image-to-code-skill | 先生成设计参考图再实现 |
| redesign-skill | 审计现有项目后重新设计 |
| soft-skill | 平静、昂贵感界面（柔和对比、留白、流畅动效） |
| output-skill | 防止输出不完整/占位符 |
| minimalist-skill | 编辑风产品 UI |
| brutalist-skill | 瑞士排版、机械感 |
| stitch-skill | Google Stitch 兼容导出 |
| imagegen-frontend-web | 生成网站参考图 |
| imagegen-frontend-mobile | 生成移动端参考图 |
| brandkit | 品牌套件图 |
v2 关键规则
- § 0 Brief inference：读 brief 推断行业、受众、情绪、动效深度、布局族
- § 2 Design system map：决定用 Material/Fluent/Carbon/shadcn/Tailwind 还是原生 CSS
- § 8 Dark mode protocol：双模式默认，主题间对比度和层级一致
- § 11 Redesign protocol：审计优先，保留规则 + 现代化杠杆
- § 14 Hard pre-flight check：每个检查项必须通过才能输出