企业官网建设流程全解析

Taste-Skill：反模板的 AI 前端设计，用 3 个旋钮治好"AI 味"

【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skill

让 AI 做一个落地页，产出十有八九是一张脸：蓝紫渐变、毛玻璃卡片、居中大标题配两个按钮，底下三张等高特性卡。配色安全、布局对称、动效几乎没有，这种"AI 味"隔着三米都能认出来。Taste-Skill 是一个专门对付它的开源项目（MIT 协议）：给 AI 装上好品味，约束它生成的 AI 前端界面，把模板感和平庸挡在门外。它的核心不是一堆提示词形容词，而是三个设计旋钮、五个可挑的技能，外加一份禁用清单。

三个旋钮怎么调

Taste-Skill 最有辨识度的部分，是把设计决策做成了三个连续可调的旋钮。每个旋钮对应一个具体选择，有明确的取值区间，不用在"全有或全无"之间二选一。

DESIGN_VARIANCE：布局敢乱到什么程度

取值从完全对称一路到艺术性混乱。做企业官网、年报类页面，往低走：对称网格、层级清楚、稳妥不出错。做个人作品集、创意产品页，往高调：非对称构图、跨出血线排版，甚至故意留点"乱"的元素。同一套内容，这个旋钮开在不同位置，看起来就是两个设计师干的活。

MOTION_INTENSITY：动画做到什么深度

从单纯的悬停微动效，到复杂的滚动联动动画。工具型产品、文档站往低走：悬停反馈加一点过渡就够，再多就是干扰。营销落地页、视觉展示页可以调高：滚动触发的渐显、视差、错落入场。判断标准只有一句：动效是否服务于内容，而不是反过来。

VISUAL_DENSITY：信息塞多满

从画廊式留白到仪表盘式密集。编辑类产品、作品集、以图为主的页面调低：大留白，让内容喘气。数据仪表盘、后台控制台调高：密度上去，间距收窄，同样视口装更多元素。很多平庸页面就死在"低密度塞多内容"——留白很大，东西很多，两边都不占。

技能库里五个技能，什么时候各选哪个

旋钮管"怎么调"，技能管"切到哪个模式"。Taste-Skill 是模块化的，五个技能各管一段场景，挑的时候一句话就能定：

• taste-skill：通用前端设计。着陆页、作品集、网站改版都归它，拿不准就先试它。
• brutalist-skill：粗野主义路线，数据密集仪表盘、要技术感和工业味的界面选它。
• soft-skill：高端平静的视觉，做精致、柔和的方向。
• minimalist-skill：极简风格，编辑类产品、杂志气质的界面。
• imagegen-frontend-web：不要代码要参考图，生成网页设计参考图，给编码阶段当视觉输入。

AI 为什么会写出平庸页面：设计味是怎么来的

这不是提示词没写好的事。项目对根因做了一轮研究，结论指向四处：RLHF 和成本优化让模型偏好"安全简洁"的输出，越安全的表达越不容易被惩罚；训练数据里的占位符模式（lorem ipsum、假截图块）会传染给输出；模型在复杂、冗长的任务上走认知捷径，跳过细节；上下文窗口限制加上消费级截断，直接造成输出不完整。所以你看到的保守配色、模板布局、假截图，全都有出处。项目里的每条约束，基本都对准这几个根因。

怎么落地：六步流程、设计系统选型和禁用清单

实操流程是六步：需求分析 → 设计解读 → 旋钮设置 → 设计系统选择 → 实现 → 预发布检查。注意"设计解读"排在任何编码之前：先想清楚页面到底要干什么，再决定旋钮开多大。

第四步的设计系统选型有直接映射：

还有一份禁用清单，专门拦那些一眼"AI 做"的痕迹：em-dash 长破折号、装饰性版本标签、假截图占位、无意义的滚动提示、随意换色。踩中任何一条，"AI 味"立刻露馅。

拉到本地很简单：

git clone https://gitcode.com/GitHub_Trending/ta/taste-skill

Floria 案例：调好之后长什么样

Floria 是项目里用 Taste-Skill 跑出来的界面：深色底上非对称大标题，花卉视觉压在右侧，强调色全页统一，动效克制，信息层级清楚。不模板，也不过度装饰，这正是三个旋钮调对位置加禁用清单拦下来的效果。如果你刚开始用，记住三件事就行：先解读需求再谈旋钮；动效是佐料不是主菜；发布前拿禁用清单逐条过一遍。项目还在往更多垂直领域技能和跨框架支持的方向长，但定位已经清楚：AI 是设计师手里的工具，品味由人定规矩。

【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skill