用途：frontend-design 是一个前端设计技能，目标是创建独特、大胆、生产级 UI，避免“AI slop”式的通用、平淡界面。适用于需要前端组件具备强烈视觉个性、鲜明设计方向的场景。
主要能力：围绕五个支柱提供指导。一是字体，避免 Inter、Arial、Roboto、system-ui 等默认选择，改用 Clash Display、Cabinet Grotesk、Satoshi、General Sans、Syne、Archivo 等展示字体，正文可用 Outfit、Plus Jakarta Sans、Switzer、Geist，等宽可用 JetBrains Mono、Geist Mono、IBM Plex Mono。二是配色，避免默认 Tailwind 色与基础蓝按钮，建议用 HSL 语义色令牌、带色相偏移的中性色、渐变与重新构思的暗色模式。三是空间构图，打破网格，使用非对称、重叠、负空间、clamp() 流体排版与 z 轴层次。四是动效，使用弹簧物理、交错入场、模糊过渡、悬停反馈，并尊重 prefers-reduced-motion。五是生产级实现，要求 TypeScript 类型、无障碍焦点与键盘导航、加载与错误状态、响应式与性能优化。
使用方式：官方插件可通过 Anthropic 市场安装并自动调用： /plugin marketplace add anthropics/claude-code /plugin install frontend-design@claude-code-plugins 工作流建议先确定设计方向（情绪、目标用户、色板、字体栈、间距），再构建原子设计系统，加入视觉个性与动效，最后做生产加固。
适用场景：需要独特视觉识别、创意字体与配色、大胆空间构图、生产级动效组件的前端任务。
限制：资料未提供具体收费、价格、平台支持范围与效果保证；部分推荐工具与字体需自行确认可用性。应避免默认字体、跨项目重复字体、灰白配蓝按钮、全居中对称、无动效、忽略暗色模式与无障碍等反模式。