做什么
引导 Agent 在实现 UI 时跳出「紫渐变 + 圆角卡片」的默认审美,产出有明确视觉方向、排版层次与动效节奏的页面。
怎么装
- 获取
frontend-design/SKILL.md(Anthropic skills 仓库或本地副本)。 - 复制到 Cursor skills 目录(用户级或项目级)。
- 做 landing page、组件库或改版任务时,在 prompt 里说明「遵循 frontend-design skill」。
何时用
- 新建营销页、作品集区块、工具页壳层
- 现有页面「功能对了但看起来像模板」需要视觉升级
- 需要统一字体、色板与间距体系时