这是什么
一个专注网站设计参考图的 Skill，为每个区块单独生成一张横版图，整套图用同一套锁定配色，首屏构图各有变化。
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections pro
它对设计意味着什么
- 八个区块的落地页会得到八张可读的效果图，而不是一张挤压变形的拼版图。
- 首屏构图会跳出「左文右图」这个用滥了的默认组合。
- 同一套配色、字号阶梯和 CTA 样式贯穿每一张生成图。
包含哪些内容
- Image count and page slicing
- The combinatorial variation engine
- Hero minimalism rules
- Color and material rules
- Multi-image consistency rule
- Default site packs
如何安装
imagegen-frontend-web
-
克隆这个仓库。
git clone https://github.com/Leonxlnx/taste-skill -
把 Codex 指向这个 Skill 文件。
skills/imagegen-frontend-web/SKILL.md -
然后描述你想要的界面，Codex 会照着这个 Skill 来做。
如何配合 Codex 使用
-
说明想要几个区块；不说明时落地页默认是六个。
-
Skill 会先报出数量，再按区块编号给每张输出图标注。
-
给出「编辑感」「电影感」这类调性词，可以左右首屏比例和背景。
这里的每个插件都免费开源，并附上真实的上游源地址。
在 codex-design 清单上了解更多 ↗
下一步
用 Open Design 做设计，省掉那些配置
你可以自己装这个插件，也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key，产出归你所有。