这是什么
一条前端指令，通过模拟随机挑选首屏、字体、组件和 GSAP 范式来强制布局多样性，同时规定 AIDA 页面结构和大区块间距。
Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP Scro
它对设计意味着什么
- 首屏标题保持两三行，容器会加宽而不是挤成一堵字墙。
- Bento 网格用 grid-flow-dense，不会留空格或破版的格子。
- 廉价的元标签一律禁用，按钮文字对比度在出稿前会被检查。
包含哪些内容
- Python-driven true randomization
- AIDA structure and spacing
- Hero architecture and the 2-line iron rule
- The gapless bento grid
- Advanced GSAP motion and hover physics
- Content, assets and strict bans
如何安装
gpt-taste
-
克隆这个仓库。
git clone https://github.com/Leonxlnx/taste-skill -
把 Codex 指向这个 Skill 文件。
skills/gpt-tasteskill/SKILL.md -
然后描述你想要的界面，Codex 会照着这个 Skill 来做。
如何配合 Codex 使用
-
提出页面需求，Skill 会先输出一段 design_plan，再动手写界面代码。
-
检查它随机挑选的结果：首屏布局、字体组合、组件、GSAP 范式。
-
核对起飞前检查项：首屏宽度算法、网格密度、标签排查、对比度。
这里的每个插件都免费开源，并附上真实的上游源地址。
在 codex-design 清单上了解更多 ↗
下一步
用 Open Design 做设计，省掉那些配置
你可以自己装这个插件，也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key，产出归你所有。