这是什么
一个反平庸的前端 Skill，面向落地页、作品集和改版项目。它先给出设计判断，设定多样性、动效和密度这几项刻度，再跑一遍长长的起飞前检查。
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, a
它对设计意味着什么
- 企业类需求会用上官方设计系统包，而不是手搓一套看着像的 CSS。
- 起飞前检查禁止破折号、区块编号式的小标题、滚动提示，以及重复意图的 CTA。
- 布局重复度有上限，八个区块至少要用四种不同的版式家族。
包含哪些内容
- Brief inference
- The three dials
- Brief to design system map
- Design engineering directives
- AI tells
- Final pre-flight check
如何安装
design-taste-frontend
-
克隆这个仓库。
git clone https://github.com/Leonxlnx/taste-skill -
把 Codex 指向这个 Skill 文件。
skills/taste-skill/SKILL.md -
然后描述你想要的界面，Codex 会照着这个 Skill 来做。
如何配合 Codex 使用
-
Agent 在写任何代码之前，先用一句话给出设计判断。
-
它设定三项刻度：设计多样性、动效强度和视觉密度。
-
起飞前检查的每一项都必须通过，否则页面就还没做完。
这里的每个插件都免费开源，并附上真实的上游源地址。
在 codex-design 清单上了解更多 ↗
下一步
用 Open Design 做设计，省掉那些配置
你可以自己装这个插件，也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key，产出归你所有。