ChatGPT 管理后台界面设计技能：确定密度、间距和组件层级
EnglishChatGPT 安装步骤
- 打开固定提交的 .claude/skills/design-engineer/SKILL.md，核对原文的输入和输出。
- 在 ChatGPT 打开「插件 → 技能 → 创建 → 使用编辑器创建」。
- 按下面的工作流程填写技能规则。提供目标用户、频繁任务、界面截图或结构、已有令牌与品牌限制。
- 保存技能，在新对话输入本页的虚构示例并核对结果。
中文摘要
为仪表盘、设置页和数据工具拟一致的界面规则。按用户任务选择边框或阴影、间距节奏、表格密度与强调方式。
SKILL.md 中文导读
可复现示例
虚构后台管理员每次核对 30 条订单，需快速切换状态并发现异常。现有表格密度高，产品只允许一个强调色。请给两种布局方向和取舍。工作步骤
- 确定主任务与内容密度。
- 比较深度、间距和排版策略。
- 给控件模式、可达性和实际渲染验证。
验收方法
给同屏扫描与可读性的比较，保留同一强调色，建议一致的间距、表格状态和控件优先级。列键盘和窄屏待验。
GitHub 原文 · 更新日期
适用环境
需要启用了技能创建的 ChatGPT 工作区。这里使用基于 GitHub 原文编写的文本改编。
常见问题
设置页能沿用营销页的大字号和阴影吗？
根据任务密度和组件作用判断。频繁操作的后台界面可保持紧凑，关键警告或操作用现有设计规则突出。