用途:gpt-taste 是一个前端 UX/UI 与 GSAP 动效工程技能,目标是让模型输出达到 Awwwards 级别的设计质量,主动打破大语言模型常见的排版与布局偏见。
主要能力:强制在写 UI 代码前输出 <design_plan>,用模拟 Python 随机化(以提示词字符数取模为种子)确定 1 种 Hero 架构、1 套字体栈(Satoshi、Cabinet Grotesk、Outfit 或 Geist,禁用 Inter)、3 个组件架构与 2 种 GSAP 动效范式;页面须遵循 AIDA 结构(导航、Hero、Bento、GSAP 滚动、页脚 CTA);H1 使用超宽容器并限制在 2 至 3 行;Bento 网格须使用 grid-flow-dense 且无空格;动效使用 @gsap/react 与 ScrollTrigger,包含悬停缩放、滚动固定、图片缩放淡出、文字逐词显现、卡片堆叠等;组件库含标题内嵌图片、横向手风琴、无限跑马灯、评价轮播。
使用方式:作为技能提示词加载后,模型须先输出 <design_plan> 完成随机化、AIDA 检查、Hero 宽度验证、Bento 密度验证与标签/按钮对比度检查,再输出 UI 代码。页面需包裹在 <main className="overflow-x-hidden w-full max-w-full"> 中防止横向滚动条。
限制:禁止使用 emoji、廉价元标签(如 SECTION 01、QUESTION 05)、Hero 中的浮动徽章与数据统计;图片使用 picsum.photos 种子链接并加 CSS 滤镜;具体安装命令、收费与平台支持暂未提供。该技能属于 Taste Skill 合集,MIT 许可,作者 Leonxlnx,由 Rinu 镜像。