Frontend Design
做出有立场的生产级 UI，而不是默认的紫渐变模板脸。
Claude Cursor Grok Codex UI前端审美
这是什么
当生成页面长得都一样时，团队会用 Frontend Design。它把字体、间距、动效和颜色从库存 AI 皮肤里拉出来，并且除非产品真的需要，否则拒绝通用卡片宫格。
何时使用
当智能体即将设计、改版或实现面向用户的界面时使用。
如何安装
以 frontend-design/SKILL.md 安装到项目或用户 skills 目录。
# Claude Code
.claude/skills/frontend-design/SKILL.md
# Grok Build
.grok/skills/frontend-design/SKILL.md
# Codex
.agents/skills/frontend-design/SKILL.md示例提示
按 Frontend Design 重做这个营销首页。不要紫渐变，不要三卡片功能排。
来源： Open Agent Skills ecosystem