SuperAPI AI 工具集

gpt-taste

编程与开发

查看项目

更新于 10-16 05:07

技能介绍

用途:gpt-taste 是一个前端设计工程类技能,目标是让模型输出达到 AWWWARDS 级别的创意与完成度,主动打破大模型常见的排版与布局偏见。

主要能力:强制在写 UI 代码前输出 design_plan,模拟 Python 随机化,确定性地选择 1 种 Hero 架构、1 种字体栈(Satoshi、Cabinet Grotesk、Outfit 或 Geist,禁用 Inter)、3 种组件架构与 2 种 GSAP 动效范式,避免重复默认布局。页面须遵循 AIDA 结构:导航、Hero、Bento、GSAP 滚动、页脚 CTA。

关键规则:Hero 的 H1 必须使用超宽容器(如 max-w-5xl、max-w-6xl、w-full),控制在 2 至 3 行,字号可用 clamp(3rem, 5vw, 5.5rem);禁止在 Hero 放浮动徽章、pill 标签或原始数据。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"> 防止横向滚动条。

限制:资料未提供安装命令、收费方式、平台支持与具体使用步骤;该技能以提示词规则形式约束模型输出,实际效果取决于所用模型与运行环境。