Garden Skills反AI套路清单设计前必须避开的8大AI味陈词滥调【免费下载链接】garden-skillsConardLis open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.项目地址: https://gitcode.com/GitHub_Trending/we/garden-skills用 AI 生成网页你大概率会遇到这种尴尬页面能看但一眼就能猜出是 AI 做的——紫色渐变、圆角卡片、emoji 当图标。Garden Skills 开源仓库中的web-design-engineer网页设计工程技能专门沉淀了一份反AI套路清单把 8 大 AI 味陈词滥调逐条列出并给出什么时候可以用的例外说明。这份清单是新手做 AI 网页设计时最值得收藏的避坑指南。为什么AI设计都有AI味web-design-engineer 技能对反套路的解释很直接它不是审美洁癖而是品牌保护逻辑用户希望自己的品牌被识别 → AI 的默认风格 训练数据的平均值 所有品牌被平均在一起 →没有任何品牌被识别。换句话说AI 默认产出会把你的页面稀释成又一个 AI 生成的页面。所以清单里每条规则唯一的合法例外就是品牌规范里本来就用它。完整反模式表格见 SKILL.md下面逐条拆解。8大AI味陈词滥调清单#陈词滥调为什么有AI味什么时候其实可以用1紫→粉→蓝的激进渐变AI 训练数据收敛出的科技感公式所有 SaaS / AI / Web3 落地页都在用品牌自己就用或刻意戏仿这种风格2圆角卡片 彩色左边框Material / Tailwind 时代的遗留物如今在每个仪表盘里都是视觉噪音用户明确要求或品牌规范保留3用 emoji 代替图标不够专业就贴个 emoji是训练数据里的典型毛病品牌本身用 emoji如 Notion、Slack或面向儿童/休闲用户4SVG 手绘插画人脸、场景AI 画的 SVG 人物五官总对不齐廉价感明显几乎永远不行——用真实图片、AI 生成图或诚实的占位符5CSS 剪影冒充产品图通用科技风套在哪个品牌上都是同一个样子品牌任务中永远不行——去拿真实产品图6Inter / Roboto / Arial 当标题字体太常见读起来像演示页而不是设计过的产品品牌规范指定了这些字体且通常有自定义调整7#0D1117深色背景 赛博霓虹开发者工具克隆项目里的基线噪音品牌真的活在这种美学里8编造数据、假 logo 墙、假用户评价伤害可信度数字对不上时用户一眼看穿永远不行——用标注需要真实数据的占位符1️⃣ 渐变紫AI 的科技感出厂设置紫→粉→蓝的渐变几乎是所有 AI 生成页面的默认皮肤。它的问题不在于渐变本身而在于它不是决策而是统计默认值——failure-patterns.md 把居中大标题 渐变 双 CTA同样归类为统计默认而非设计决策。修复思路先回答四个定位问题叙事角色 / 观看距离 / 视觉温度 / 容量检查再选配色而不是先选配色。2️⃣ 卡片化Cardification万物皆可圆角卡片每个段落、指标、图标都住在圆角卡片里是 AI 仪表盘的经典病灶。卡片只有在分组、选择或层级有实际含义时才该出现否则用留白、对齐、分隔线就能解决问题。3️⃣ Emoji 当图标最廉价的生动技能里的 emoji 规则写得很狠默认不用 emoji。没有图标库时专业做法不是随手贴 ⚡ ✨而是放一个诚实的占位符如[icon]、▢方块明确信号这里需要真实图标。 核心理念占位符比拙劣的假物更专业。假图标传递的是我偷懒了占位符传递的是这里缺真实素材。4️⃣ SVG 手绘人物AI 的恐怖谷AI 手绘的 SVG 人脸五官几乎必然错位。技能给出的态度很坚决几乎永远不要用 SVG 画人脸和场景改用真实图片、AI 生成图或诚实的占位卡片。5️⃣ CSS 剪影冒充产品图用 CSS 画一个看起来像产品的色块是品牌任务失败的第一大原因——任何品牌都能穿这身衣服识别价值为零。技能要求硬件任务必须有真实产品图数字产品必须有真实 UI 截图logo 是不可妥协项拿不到就停下来问用户。6️⃣ 通用字体当标题字Inter、Roboto、Arial、system-ui 这些字体本身没毛病但 AI 一上来就拿它们当承载品牌身份的标题字体页面立刻变成模板感。更聪明的路径是直接选用项目内置的风格食谱见下文解法。7️⃣ 深色背景 赛博霓虹GitHub 深色底#0D1117 霓虹描边是开发者工具克隆项目的基线噪音。同样的逻辑也适用于仪表盘营销式大标题 电影感卡片套在运营界面上会妨碍扫读。8️⃣ 编造数据与信任剧场这是 8 条里唯一零例外的一条假指标、假 logo 墙、被 XX 公司采用、假用户评价——虚假的信任比诚实地留空更糟。占位卡片上写需要真实数据永远好过编一个 99.9% 的可用性数字。如何真正摆脱AI味技能内置的4步解法清单只解决避坑Garden Skills 的 web-design-engineer 还提供了正向路径先声明设计系统再写代码。写第一行代码前先用 Markdown 写清楚配色、字体、间距、圆角策略、阴影层级、动效风格让用户确认后才动手。用命名锚点代替抽象形容词。做成极简风 / 现代风是 AI 默认词汇不算设计方向技能要求锚定到具名设计师或工作室并内置了 25 份可直接粘贴的风格食谱如 linear.md、aesop.md、muji-kenya-hara.md目录索引在 INDEX.md。五类风格学校中挑不同行的方向。当需求模糊时技能不会问你 10 个品味问题而是从信息架构、编辑极简、现代工具、动效实验、粗野主义、暖人文主义六所学校中推荐3 个不同学校的方向每个方向带具名参考和为什么适合你的说明详见 design-directions.md。交付前过一遍预检清单。SKILL.md 的 Pre-delivery Checklist 把无 AI 味陈词滥调除非品牌规范明确使用、无编造数据、无杂色都列成了硬性勾选项配合 critique-guide.md 的五维度评审其中原创性一项专门问是避开了陈词滥调还是纯模板。延伸阅读skills/web-design-engineer/SKILL.md完整工作流 反AI套路表格 交付前清单skills/web-design-engineer/references/failure-patterns.md按产物类型分类的 AI 设计失败模式目录营销页 / 布局 / 字体 / 图像品牌 / 动效 / 仪表盘skills/web-design-engineer/references/style-recipes/INDEX.md25 份风格食谱目录含三套索引总结这份 8 大陈词滥调清单的价值不在于告诉你什么不能做而在于让你理解 AI 味的来源默认值不是决策。渐变紫、emoji 图标、假数据墙每一条背后都是训练数据的平均值在替你设计。下次让 AI 做设计时不妨先甩给它一句避开紫粉渐变、emoji 图标、编造数据先给我看设计系统声明——或者直接把 Garden Skills 的 web-design-engineer 技能装上让它按这套标准干活。【免费下载链接】garden-skillsConardLis open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.项目地址: https://gitcode.com/GitHub_Trending/we/garden-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Garden Skills反AI套路清单：设计前必须避开的8大AI味陈词滥调
Garden Skills反AI套路清单设计前必须避开的8大AI味陈词滥调【免费下载链接】garden-skillsConardLis open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.项目地址: https://gitcode.com/GitHub_Trending/we/garden-skills用 AI 生成网页你大概率会遇到这种尴尬页面能看但一眼就能猜出是 AI 做的——紫色渐变、圆角卡片、emoji 当图标。Garden Skills 开源仓库中的web-design-engineer网页设计工程技能专门沉淀了一份反AI套路清单把 8 大 AI 味陈词滥调逐条列出并给出什么时候可以用的例外说明。这份清单是新手做 AI 网页设计时最值得收藏的避坑指南。为什么AI设计都有AI味web-design-engineer 技能对反套路的解释很直接它不是审美洁癖而是品牌保护逻辑用户希望自己的品牌被识别 → AI 的默认风格 训练数据的平均值 所有品牌被平均在一起 →没有任何品牌被识别。换句话说AI 默认产出会把你的页面稀释成又一个 AI 生成的页面。所以清单里每条规则唯一的合法例外就是品牌规范里本来就用它。完整反模式表格见 SKILL.md下面逐条拆解。8大AI味陈词滥调清单#陈词滥调为什么有AI味什么时候其实可以用1紫→粉→蓝的激进渐变AI 训练数据收敛出的科技感公式所有 SaaS / AI / Web3 落地页都在用品牌自己就用或刻意戏仿这种风格2圆角卡片 彩色左边框Material / Tailwind 时代的遗留物如今在每个仪表盘里都是视觉噪音用户明确要求或品牌规范保留3用 emoji 代替图标不够专业就贴个 emoji是训练数据里的典型毛病品牌本身用 emoji如 Notion、Slack或面向儿童/休闲用户4SVG 手绘插画人脸、场景AI 画的 SVG 人物五官总对不齐廉价感明显几乎永远不行——用真实图片、AI 生成图或诚实的占位符5CSS 剪影冒充产品图通用科技风套在哪个品牌上都是同一个样子品牌任务中永远不行——去拿真实产品图6Inter / Roboto / Arial 当标题字体太常见读起来像演示页而不是设计过的产品品牌规范指定了这些字体且通常有自定义调整7#0D1117深色背景 赛博霓虹开发者工具克隆项目里的基线噪音品牌真的活在这种美学里8编造数据、假 logo 墙、假用户评价伤害可信度数字对不上时用户一眼看穿永远不行——用标注需要真实数据的占位符1️⃣ 渐变紫AI 的科技感出厂设置紫→粉→蓝的渐变几乎是所有 AI 生成页面的默认皮肤。它的问题不在于渐变本身而在于它不是决策而是统计默认值——failure-patterns.md 把居中大标题 渐变 双 CTA同样归类为统计默认而非设计决策。修复思路先回答四个定位问题叙事角色 / 观看距离 / 视觉温度 / 容量检查再选配色而不是先选配色。2️⃣ 卡片化Cardification万物皆可圆角卡片每个段落、指标、图标都住在圆角卡片里是 AI 仪表盘的经典病灶。卡片只有在分组、选择或层级有实际含义时才该出现否则用留白、对齐、分隔线就能解决问题。3️⃣ Emoji 当图标最廉价的生动技能里的 emoji 规则写得很狠默认不用 emoji。没有图标库时专业做法不是随手贴 ⚡ ✨而是放一个诚实的占位符如[icon]、▢方块明确信号这里需要真实图标。 核心理念占位符比拙劣的假物更专业。假图标传递的是我偷懒了占位符传递的是这里缺真实素材。4️⃣ SVG 手绘人物AI 的恐怖谷AI 手绘的 SVG 人脸五官几乎必然错位。技能给出的态度很坚决几乎永远不要用 SVG 画人脸和场景改用真实图片、AI 生成图或诚实的占位卡片。5️⃣ CSS 剪影冒充产品图用 CSS 画一个看起来像产品的色块是品牌任务失败的第一大原因——任何品牌都能穿这身衣服识别价值为零。技能要求硬件任务必须有真实产品图数字产品必须有真实 UI 截图logo 是不可妥协项拿不到就停下来问用户。6️⃣ 通用字体当标题字Inter、Roboto、Arial、system-ui 这些字体本身没毛病但 AI 一上来就拿它们当承载品牌身份的标题字体页面立刻变成模板感。更聪明的路径是直接选用项目内置的风格食谱见下文解法。7️⃣ 深色背景 赛博霓虹GitHub 深色底#0D1117 霓虹描边是开发者工具克隆项目的基线噪音。同样的逻辑也适用于仪表盘营销式大标题 电影感卡片套在运营界面上会妨碍扫读。8️⃣ 编造数据与信任剧场这是 8 条里唯一零例外的一条假指标、假 logo 墙、被 XX 公司采用、假用户评价——虚假的信任比诚实地留空更糟。占位卡片上写需要真实数据永远好过编一个 99.9% 的可用性数字。如何真正摆脱AI味技能内置的4步解法清单只解决避坑Garden Skills 的 web-design-engineer 还提供了正向路径先声明设计系统再写代码。写第一行代码前先用 Markdown 写清楚配色、字体、间距、圆角策略、阴影层级、动效风格让用户确认后才动手。用命名锚点代替抽象形容词。做成极简风 / 现代风是 AI 默认词汇不算设计方向技能要求锚定到具名设计师或工作室并内置了 25 份可直接粘贴的风格食谱如 linear.md、aesop.md、muji-kenya-hara.md目录索引在 INDEX.md。五类风格学校中挑不同行的方向。当需求模糊时技能不会问你 10 个品味问题而是从信息架构、编辑极简、现代工具、动效实验、粗野主义、暖人文主义六所学校中推荐3 个不同学校的方向每个方向带具名参考和为什么适合你的说明详见 design-directions.md。交付前过一遍预检清单。SKILL.md 的 Pre-delivery Checklist 把无 AI 味陈词滥调除非品牌规范明确使用、无编造数据、无杂色都列成了硬性勾选项配合 critique-guide.md 的五维度评审其中原创性一项专门问是避开了陈词滥调还是纯模板。延伸阅读skills/web-design-engineer/SKILL.md完整工作流 反AI套路表格 交付前清单skills/web-design-engineer/references/failure-patterns.md按产物类型分类的 AI 设计失败模式目录营销页 / 布局 / 字体 / 图像品牌 / 动效 / 仪表盘skills/web-design-engineer/references/style-recipes/INDEX.md25 份风格食谱目录含三套索引总结这份 8 大陈词滥调清单的价值不在于告诉你什么不能做而在于让你理解 AI 味的来源默认值不是决策。渐变紫、emoji 图标、假数据墙每一条背后都是训练数据的平均值在替你设计。下次让 AI 做设计时不妨先甩给它一句避开紫粉渐变、emoji 图标、编造数据先给我看设计系统声明——或者直接把 Garden Skills 的 web-design-engineer 技能装上让它按这套标准干活。【免费下载链接】garden-skillsConardLis open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.项目地址: https://gitcode.com/GitHub_Trending/we/garden-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考