madebymustafa/design-taste

这是什么？

核心功能

• 01核心技能覆盖需求理解、设计方向选择，并规避 LLM 的默认生成模式
• 02十套风格包，各有明确视觉气质，并附前后对比示例
• 03工艺类技能覆盖排版、配色、动效、无障碍、界面文案与性能
• 04代码类技能覆盖基于 token 的 CSS、语义化 HTML 与分级代码审查
• 05安装脚本支持 Claude Code、Cursor、Codex、opencode、Cline 和 Roo

适用场景

• 用 AI 编码助手生成落地页或营销网站，避免明显的模板感
• 在 AI 参与开发的前端项目中保持统一的视觉方向
• 审查 Agent 生成的界面，排查通用套路与无障碍问题
• 按三层结构搭建设计 token 体系

快速上手

1. 1

   克隆仓库

   git clone https://github.com/madebymustafa/design-taste.git
2. 2

   进入项目目录

   cd design-taste
3. 3

   将所有技能安装到你的智能体中

   ./scripts/install.sh

使用前须知

• !风格包是有明确主张的视觉风格，因此每个项目应只选择一种。

收录于专题

标签

常见问题

design-taste 是什么？

一套由 24 个开源 Agent 技能组成的设计品味指令包，让 AI 编码助手生成的界面更有设计感，少些模板味。 AI 编码助手生成的界面常常千篇一律：靛紫渐变、居中大标题、三张功能卡片和默认字体。design-taste 是一组 Agent 技能文件，放入各助手的技能目录后，可以引导生成结果摆脱这些默认套路。核心技能涵盖理解需求、确定设计方向、避开常见的 LLM 生成模式，并附带一份发布前检查清单。

design-taste 可以免费使用吗？用的什么许可证？

design-taste 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

design-taste 还在维护吗？

半年内有更新。design-taste 最近一次提交是在 2026年8月15日。

design-taste 适合用来做什么？

用 AI 编码助手生成落地页或营销网站，避免明显的模板感 在 AI 参与开发的前端项目中保持统一的视觉方向 审查 Agent 生成的界面，排查通用套路与无障碍问题 按三层结构搭建设计 token 体系

design-taste 怎么安装和运行？

克隆仓库: git clone https://github.com/madebymustafa/design-taste.git 进入项目目录: cd design-taste 将所有技能安装到你的智能体中: ./scripts/install.sh

在哪里获取 design-taste？

源代码和安装说明在 GitHub 上：https://github.com/madebymustafa/design-taste