源自 GitHubAwwwards级网页动效与排版生成
gpt-taste 是专为打破大语言模型前端生成“模板化”与“低质感”而设计的系统级规则。普通 AI 生成前端时容易出现标题过度折行、便当盒网格留白缺陷、生硬编号标签、对比度缺失等问题。该 Skill 强制引入基于 Python 种子伪随机的布局轮换机制，严格执行 AIDA 视觉结构（宽幅 Hero、无缝 Bento 网格、GSAP 滚动钉选动效、强对比度 CTA），并配套严格的预检输出规范，帮助开发者一键生成达到 Awwwards 展出水准的 React + Tailwind + GSAP 前端页面代码。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“帮我用 React 和 GSAP 编写一个 AI 创意音频工作站的 Landing Page，包含宽幅 Hero 和无缝便当盒网格”
“为高端数字设计工作室制作主页代码，要求使用 Satoshi 字体、GSAP 滚动图文钉选动效和胶囊内联图标题”
“设计一个极简主义奢华手表品牌的营销页面，需要卡片滚动堆叠动效和横向手风琴展示组件”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
