词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

ChatGPT design-handoff 技能：整理界面交接状态和响应布局

English

ChatGPT 安装步骤

  1. 在支持创建技能的 ChatGPT 工作区打开「插件 → 技能 → 创建 → 使用编辑器创建」。
  2. 对照固定版本 GitHub 原文，在编辑器新建技能，将 `design-handoff` 的纯文本工作流程改写为技能说明。
  3. 保存后，在新对话输入 @ 并选中刚创建的技能，再用示例试用。

中文摘要

把已确认的布局、组件令牌与交互状态整理成供开发核对的交接清单。

SKILL.md 中文导读

可复现示例

手动选择 design-handoff，用以下虚构的筛选面板规格整理交接记录。
deliverable `filter panel developer handoff` | tokens `space-medium` and `focus-ring`
keyboard: escape closes the panel and restores focus to `Open filters`
empty label `No filters available` | mobile layout=single column | desktop layout=two columns

工作步骤

  1. 核对布局、组件令牌和各尺寸行为。
  2. 整理正常、加载、空态与错误信息。
  3. 补齐键盘行为和可访问性检查。

验收方法

记录 `space-medium` 间距、`focus-ring` 焦点效果和 `No filters available` 空态。说明手机单列、桌面两列，关闭后焦点回到 `Open filters`。

GitHub 原文 · 更新日期

适用环境

支持创建技能的 ChatGPT 工作区。示例只用下方给出的纯文本材料。

常见问题

交接时怎样描述界面里的间距？

优先写项目已有的间距令牌，并核对不同屏幕和界面状态的使用依据。

相关指南

相关推荐