用途：gpt-taste 是一份前端设计工程技能提示，目标是让模型产出接近获奖级（Awwwards 级）的界面，而非默认的模板化页面。它针对大模型的常见偏差提出约束：窄容器导致标题折成多行、Bento 网格留空、使用廉价元标签、按钮文字不可见、左右布局反复重复。
主要能力与规则：
- 随机化：写 UI 代码前须在 <design_plan> 中模拟 Python 脚本，用确定性种子（如提示词字符数取模）模拟 random.choice()，选定 1 种 Hero 架构、1 套字体（Satoshi、Cabinet Grotesk、Outfit 或 Geist，禁用 Inter）、3 个组件架构、2 种 GSAP 范式，禁止两次默认同一 UI。
- 结构：页面须以导航栏开始，正文按 AIDA 展开（Hero 吸引、Bento 兴趣、GSAP 欲望、页脚行动），区块间使用大垂直间距（如 py-32 md:py-48）。
- Hero：H1 使用超宽容器（如 max-w-5xl、max-w-6xl、w-full），字号 clamp(3rem, 5vw, 5.5rem)，标题不超过 2 至 3 行；Hero 内禁止浮动徽章、胶囊标签与原始数据。
- Bento 网格：使用 grid-flow-dense，数学验证 col-span 与 row-span 严丝合缝，不留空格；卡片控制在 3 至 5 个。
- 动效：使用真实 GSAP（@gsap/react、ScrollTrigger），包括悬停缩放、滚动固定、图片缩放淡出、文字逐词显现、卡片堆叠等。
- 组件库：行内排版图片、横向手风琴、无限跑马灯、评价轮播等。
- 内容与素材：禁止 SECTION 01、QUESTION 05 等元标签；图片可用 https://picsum.photos/seed/{keyword}/1920/1080 并配合 CSS 滤镜；页面外层用 <main className="overflow-x-hidden w-full max-w-full"> 防止横向滚动条。
- 预检：输出代码前须给出 <design_plan>，包含随机化输出、AIDA 检查、Hero 宽度验证、Bento 密度验证、标签与按钮对比度检查。
使用方式：将本技能作为系统提示或技能加载，向模型提出页面需求后，模型先输出 design_plan，再输出 UI 代码。
适用场景：需要高视觉质量、强动效的营销页、作品集、产品落地页等前端界面生成。
限制：资料未提供具体安装命令、收费方式、支持平台与实测效果；规则依赖模型自行模拟随机化，实际一致性取决于执行情况；禁止 emoji 与元标签属于风格约束，非技术限制。