前端与 UI

high-end-visual-design

拦掉 AI 的平庸默认套路,强制上工作室级的布局和动效。

这是什么

一条指令式 Skill,先禁掉常见的 AI 设计默认套路,再逼 Agent 在写界面代码前先选定一种调性原型和一种布局原型。

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look che
来自上游 SKILL.md

它对设计意味着什么

  • Inter、Roboto 和粗描边 Lucide 图标一律禁用,产出不再一股模板味。
  • 卡片做成外壳套内核的嵌套结构,容器有了真正的机械纵深。
  • 区块内边距从 py-24 起步,版面能透气,不会挤成一团。

包含哪些内容

  • Absolute zero directive
  • Creative variance engine
  • Haptic micro-aesthetics
  • Motion choreography
  • Performance guardrails
  • Pre-output checklist

如何安装

high-end-visual-design

  1. 克隆这个仓库。

    git clone https://github.com/Leonxlnx/taste-skill
  2. 把 Codex 指向这个 Skill 文件。

    skills/soft-skill/SKILL.md
  3. 然后描述你想要的界面,Codex 会照着这个 Skill 来做。

如何配合 Codex 使用

  1. 让 Codex 做页面,它会先悄悄跑一遍多样性引擎。

  2. 先搭好背景纹理和字号阶梯,再做双层描边容器。

  3. 注入自定义 cubic-bezier 动效,最后跑一遍出稿前检查清单。

这里的每个插件都免费开源,并附上真实的上游源地址。

在 codex-design 清单上了解更多 ↗

下一步

用 Open Design 做设计,省掉那些配置

你可以自己装这个插件,也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key,产出归你所有。