ChatGPT Fabric Org App 界面设计技能:用主题令牌统一导航和排版
EnglishChatGPT 安装步骤
- 打开固定提交的 .agents/skills/app-design/SKILL.md,核对原文的输入和输出。
- 在 ChatGPT 打开「插件 → 技能 → 创建 → 使用编辑器创建」。
- 按下面的工作流程填写技能规则。提供界面片段、Fabric 令牌表、目标主题和用户路径。
- 保存技能,在新对话输入本页的虚构示例并核对结果。
中文摘要
用现有 Fabric 令牌审查应用外壳、导航、间距和文本层级。将正常、悬停、选中和按下状态分别映射到已有主题值。
SKILL.md 中文导读
可复现示例
虚构 Org App 的侧栏使用写死的背景色,当前项靠字体加粗。给定主题提供背景、前景、选中和悬停令牌。请拟修改表。工作步骤
- 按壳层、导航和面板定位样式。
- 映射间距、字体及每个交互状态。
- 核对主题切换与键盘反馈。
验收方法
分别映射外壳与交互状态,保留文字层级,并列深浅主题、键盘焦点和低对比风险的实际核对。
GitHub 原文 · 更新日期
适用环境
需要启用了技能创建的 ChatGPT 工作区。这里使用基于 GitHub 原文编写的文本改编。
常见问题
主题令牌能保证所有状态都足够清晰吗?
用项目令牌建立一致语义,再在实际主题及控件状态下测对比度和焦点。