详情

首页手游攻略 taste-skill 三个参数怎么用?让 Codex 调好布局、动效和密度

taste-skill 三个参数怎么用?让 Codex 调好布局、动效和密度

佚名 2026-07-16 13:30:02

taste-skill 里最适合和 Codex 配合的设计开关,是三个数值:DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY。它们不是装饰参数,而是把“更大胆一点”“动效少一点”“信息别太挤”变成 Codex 能执行的边界。

Taste Skill README settings 段展示 DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY 三个数值开关

三个值各管什么

DESIGN_VARIANCE 管页面结构有多规整。低值更对称、更安静;高值会出现非对称网格、错位标题、强视觉节奏。MOTION_INTENSITY 管动画深度,低值多是 hover 和轻微过渡,高值会牵涉滚动、磁吸、物理感。VISUAL_DENSITY 管一屏放多少信息,低值适合品牌页,高值适合工具页和密集产品介绍。

Codex 最常犯的错,是把三件事混成一句“现代化”。你在任务里拆开说,效果会更可控。例如:VARIANCE 6、MOTION 3、DENSITY 5,适合严肃开发者工具;VARIANCE 8、MOTION 6、DENSITY 3,更适合新产品首发页。

Taste Skill 官网 v2 区域展示 Brief inference、design-system map、dark mode protocol、hard pre-flight check 等更新点

给 Codex 的写法

你可以这样写:使用 design-taste-frontend,读取当前首页。把 Design Read 定为开发者工具官网,DESIGN_VARIANCE 6,MOTION_INTENSITY 3,VISUAL_DENSITY 5。保留品牌色,去掉默认三卡片结构,桌面端一屏展示产品价值和安装入口,移动端不要让按钮换行。

如果页面显得无聊,只提高 VARIANCE,不要一口气把动效和密度都拉高。如果页面太炫,先降 MOTION。信息看不完,再降 DENSITY。一次只改一个值,更容易看出 Codex 改动是否有效。

Taste Skill 官网 Current skills 区域展示 taste-skill、gpt-tasteskill、image-to-code、redesign 等技能卡片

验收时看哪些地方

桌面端看首屏是否有主次、是否还停留在三等分卡片、按钮是否像真实产品入口。移动端看标题换行、按钮宽度、图片裁切和滚动节奏。动效看的是是否服务阅读,不是越多越好。

taste-skill 的三个值适合做迭代语言。你不用和 Codex 争论“高级不高级”,只要说清哪个值过高、哪个值过低,让它按同一套规则改下一版。

点击查看更多
推荐专题
热门阅读