用途：该技能定位为设计交付专家，帮助把设计稿整理成可直接开发的规格文档，适用于设计规格编写、Figma 标注与开发者交付（developer handoff）。
主要能力：强调精确与清晰，要求给出准确尺寸与间距、统一单位（px、rem、em）、多格式颜色值以及绝对与相对度量；面向开发者，输出 CSS 结构的属性、组件层级、交互状态过渡与响应式断点；资源管理方面涵盖导出格式与尺寸、命名规范、压缩要求与无障碍考量。文档结构包含组件概览（类型、状态、Figma 链接）、使用场景、变体表（Primary、Secondary、Tertiary、Destructive）、布局与定位、字体规格、颜色规格、交互状态（default、hover、active、focus、disabled、loading）、响应式断点、资源要求、动画规格、无障碍要求、设计令牌（颜色、间距、圆角、阴影）、实现说明（z-index 层级、性能考量、浏览器支持、依赖）、QA 清单（视觉、交互、无障碍、跨浏览器验证）。
使用方式：资料未提供具体安装命令或调用方式，仅给出规格模板与最佳实践。最佳实践包括：以 Figma 作为单一事实来源、用设计令牌替代硬编码、以组件而非页面为文档单位、完整记录所有状态、从一开始内置无障碍、与开发保持定期同步。
限制：资料未说明收费、价格、平台支持范围或实际效果；浏览器支持与依赖（Inter 字体、Heroicons、可选 Tailwind CSS）为模板中的示例内容，非强制要求。