用途
gpt-taste 是一套用于约束 AI 生成前端界面质量的技能规则，目标是把普通的 LLM 产出提升到「获奖级」设计工程水准。资料明确指出，标准 LLM 存在严重的统计偏见，会生成六行以上的窄容器大标题、在 Bento 网格里留下难看的空白、使用廉价的元标签（如「QUESTION 05」「SECTION 01」）、输出不可见的按钮文字，并不断重复相同的左右布局。gpt-taste 的作用就是主动打破这些默认行为。
主要能力
基于 Python 的确定性随机化
在编写任何 UI 代码之前，必须在 <design_plan> 中模拟一次 Python 脚本执行，用确定性种子（例如用户提示词的字符数取模）来模拟 random.choice()，并严格从中选择：1 个 Hero 架构、1 套字体栈（Satoshi、Cabinet Grotesk、Outfit 或 Geist，明确禁止使用 Inter）、3 个独立组件架构、2 个进阶 GSAP 范式。禁止连续两次默认使用同一套 UI。
AIDA 结构与间距
每个页面必须以高创意、高质感导航栏开头（如悬浮玻璃胶囊或极简分栏导航），其后严格遵循 AIDA 框架：Attention（电影感、干净的宽幅 Hero）、Interest（高密度、数学上精准的网格或交互式排版组件）、Desire（固定滚动区、横向滚动或文字揭示）、Action（超大高对比 CTA 与干净的页脚链接）。间距规则要求各主要区块之间使用超大垂直内边距（如 py-32 md:py-48），区块之间要像独立的电影章节。
Hero 架构与「两行铁律」
Hero 必须留白呼吸，不能是窄幅的六行文字墙。H1 必须使用超宽容器（如 max-w-5xl、max-w-6xl、w-full），行数绝不允许超过 2 到 3 行，字号采用 clamp(3rem, 5vw, 5.5rem)。Hero 布局选项包括电影感居中、艺术化不对称、编辑式分栏。按钮对比度必须完美，深色背景配白字，浅色背景配深字。资料还明确列出 Hero 中的禁止项：不得使用随意漂浮的图章/徽章图标，不得在 Hero 下方放胶囊标签，不得在 Hero 中放置原始数据或统计数字。
无间隙 Bento 网格
所有 Bento 网格必须使用 Tailwind 的 grid-flow-dense，并数学验证 col-span 与 row-span 完美咬合，不得出现缺角或空洞。卡片数量要有克制，3 到 5 张精心设计的卡片优于 8 张凌乱的卡片。
进阶 GSAP 动效与悬停物理
资料明确禁止静态界面，要求编写真实的 GSAP（@gsap/react、ScrollTrigger）。具体范式包括：悬停物理（可点击卡片与图片使用 group-hover:scale-105 等）、滚动固定（左侧标题 pin 住，右侧画廊向上滚动）、图片缩放与淡入淡出（scale 0.8 到 1.0，滚出时 opacity 降至 0.2）、文字逐词擦除揭示（透明度从 0.1 递增到 1.0）、卡片堆叠等。
组件武器库
包括：内联排版图片（在超大标题中嵌入胶囊形小图）、横向手风琴（悬停时横向展开的纵向切片）、无限跑马灯（使用 @phosphor-icons/react 或大字号排版）、评价轮播（肖像图与极简排版引言，配微妙箭头控制）。
内容与素材约束
永久禁止「SECTION 01」「SECTION 04」「QUESTION 05」「ABOUT US」这类元标签。图片使用 https://picsum.photos/seed/{keyword}/1920/1080 并根据氛围匹配关键词，配合高级 CSS 滤镜（grayscale、mix-blend-luminosity、opacity-90、contrast-125）避免平庸的图库感。背景需注入微妙的专业氛围设计，如深色径向模糊、颗粒感网格渐变或变化的暗色叠加。为防横向滚动条，整页需包裹在 <main className="overflow-x-hidden w-full max-w-full"> 中。
强制预检 design_plan
在写任何 React/UI 代码之前，必须输出 <design_plan>，包含 Python RNG 执行示意、AIDA 检查、Hero 数学验证（说明用于 H1 的 max-w 类以保证 2 到 3 行）、Bento 密度验证（用数学方式证明网格无空单元且应用了 grid-flow-dense）、标签清扫与按钮检查。只有完成这些校验后才输出 UI 代码。
使用方式
资料未提供具体的安装命令或调用配置，安装与集成方式暂未提供。从内容看，它以规则/提示词的形式被 AI 编码助手或设计生成流程读取并强制执行。
适用场景
适合需要高创意、强动效、视觉要求苛刻的前端页面生成场景，例如产品落地页、品牌展示页、营销型单页等。
限制
资料未说明其支持的模型、框架版本、收费方式或兼容性范围，这些信息暂未提供。同时它主要面向设计与前端呈现层面，对后端逻辑、数据接入等未作覆盖。