> 如果你看到不熟悉的占位符或需要检查哪些工具已连接，请参阅 CONNECTORS.md。
从设计生成全面的开发者交付文档。
/design-handoff $ARGUMENTS为以下内容生成交付规格说明：@$1
如果提供了 Figma URL，从 Figma 拉取设计。否则，根据提供的描述或截图进行工作。
spacing-md
而不是 16px。## 交付规格说明：[功能/屏幕名称]
### 概述
[此屏幕/功能的功能、用户上下文]
### 布局
[网格系统、断点、响应式行为]
### 使用的设计令牌
| 令牌 | 值 | 用途 |
|-------|-------|-------|
| `color-primary` | #[十六进制] | CTA 按钮、链接 |
| `spacing-md` | [X]px | 区域之间 |
| `font-heading-lg` | [尺寸/粗细/字族] | 页面标题 |
### 组件
| 组件 | 变体 | 属性 | 说明 |
|-----------|---------|-------|-------|
| [组件] | [变体] | [属性] | [特殊行为] |
### 状态和交互
| 元素 | 状态 | 行为 |
|---------|-------|----------|
| [CTA 按钮] | 悬停 | [背景变暗 10%] |
| [CTA 按钮] | 加载 | [旋转指示器、禁用] |
| [表单] | 错误 | [红色边框、下方错误消息] |
### 响应式行为
| 断点 | 变化 |
|------------|---------|
| 桌面端（>1024px） | [默认布局] |
| 平板端（768-1024px） | [变化内容] |
| 移动端（<768px） | [变化内容] |
### 边缘情况
- **空状态**：[无数据时显示的内容]
- **长文本**：[截断规则]
- **加载**：[骨架屏或旋转指示器]
- **错误**：[错误状态外观]
### 动画/动效
| 元素 | 触发条件 | 动画 | 时长 | 缓动 |
|---------|---------|-----------|----------|--------|
| [元素] | [触发条件] | [描述] | [毫秒] | [缓动] |
### 无障碍说明
- [焦点顺序]
- [所需的 ARIA 标签]
- [键盘交互]如果连接了 ~~design tool：
如果连接了 ~~project tracker：