Taste Skill
给 Codex 一套前端审美和落地规则，从零做出不那么模板化的新页面。
关于 Taste Skill
Taste Skill 相当于给 Codex 请了一位前端设计指导。它不仅告诉 Agent 页面要有什么功能，还会约束布局、字体、间距、动画和信息密度，减少千篇一律的模板感。默认主 Skill 是 design-taste-frontend，会先读取需求并判断合适的设计方向，再让 Agent 实现页面。
这个仓库实际上是一组可组合的设计 Skill，除了默认版本，还包含现有项目重设计、图片转代码、高级视觉、极简风格、品牌套件和设计参考图生成等不同方向。它不是独立的可视化设计软件，最终页面仍由 Codex、Cursor 或 Claude Code 等编码 Agent 实现。
安装 Taste Skill
npx skills add https://github.com/Leonxlnx/taste-skill --skill design-taste-frontend默认主 Skill 的安装名是 design-taste-frontend；当前官方将其标记为 v2 experimental。
功能与用途
- 根据需求判断页面应该采用的视觉方向，避免直接套用常见 AI 页面模板。
- 用布局、字体、留白、层级和配色规则提升页面的整体完成度。
- 控制布局变化、动画强度与信息密度，让不同项目形成不同的视觉节奏。
- 提供落地页、作品集、新页面设计和已有项目重设计等不同工作方式。
- 与 React、Vue、Svelte 或原生前端项目配合，把设计判断落实到实际代码。
Ryan 是怎么使用的
我主要在需要从零设计新页面时使用它，让 Codex 按这套设计规则完成页面。