用途：frontend-design 用于为网页前端做界面设计与规格文档，把视觉设计意图转化为可直接实现的精确规格，适用于指定 UI 组件、响应式布局和设计系统。它面向 Web，不适用于后端 API 设计、数据工程、基础设施、营销设计、印刷排版和 iOS/Android 原生 UI，也不负责编写实际生产代码，实现时需与编程类技能配合。
主要能力：输出组件完整状态（default、hover、focus、active、disabled、loading、error）的规格；设计带断点和网格逻辑的响应式页面；构建设计令牌、组件与模式；定义间距、排版和层级尺度；规范交互行为（动画、过渡、状态变化）。
使用方式：先明确组件或布局范围，再建立设计令牌基础（颜色、间距、排版、圆角），随后逐一列出所有状态并给出背景、文字、边框、阴影、光标与过渡；用显式网格与间距逻辑定义布局，标注各断点下列数、沟槽与边距，并说明折叠时哪些列堆叠、重排或隐藏；为每个令牌编写 -- 前缀的 CSS 自定义属性并附实际取值；明确各断点的响应式行为，默认采用 min-width 的移动优先断点；记录交互动画时长、缓动函数与参与动画的属性；最后产出组件结构图或结构化规格，标注每个子元素及其令牌引用。
限制：资料未提供该技能的具体安装方式、运行环境、收费模式、价格与效果数据；未提供可用的实际命令。以上内容仅依据公开资料整理。