做什么

引导 Agent 在实现 UI 时跳出「紫渐变 + 圆角卡片」的默认审美,产出有明确视觉方向、排版层次与动效节奏的页面。

怎么装

  1. 获取 frontend-design/SKILL.md(Anthropic skills 仓库或本地副本)。
  2. 复制到 Cursor skills 目录(用户级或项目级)。
  3. 做 landing page、组件库或改版任务时,在 prompt 里说明「遵循 frontend-design skill」。

何时用

  • 新建营销页、作品集区块、工具页壳层
  • 现有页面「功能对了但看起来像模板」需要视觉升级
  • 需要统一字体、色板与间距体系时