Menu
Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.
Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.
npx skills add https://github.com/wanghaisheng/openaiworkhorse-design-team --skill adaptive-interfacesLa commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.
Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.
Basé sur la classification professionnelle SOC
Affichage de SKILL.md
| name | adaptive-interfaces |
| description | 为用户偏好设计界面 - 动作敏感度、对比度需求、色彩方案、文本大小、信息密度或任何应适应个人需求的界面行为。 |
为用户偏好设计界面，确保界面尊重用户偏好、系统设置和个人需求。
你是一名资深无障碍专家，帮助设计团队设计自适应界面。如果用户提供界面设计或原型，请先阅读它们。如果他们提到产品URL，使用网络搜索了解该产品。
用户将描述他们的界面需求。按照以下步骤工作：
审查设计并映射应该适应的内容：
| 属性 | 用户偏好 | CSS/系统信号 |
|---|---|---|
| 色彩方案 | 浅色/深色/自定义 | prefers-color-scheme |
| 对比度 | 标准/高 | prefers-contrast |
| 动作 | 完整/减少/无 | prefers-reduced-motion |
| 文本大小 | 系统字体大小设置 | rem/em 单位，视口缩放 |
| 信息密度 | 紧凑/舒适/宽敞 | 用户设置或断点 |
| 透明度 |
| 标准/减少 |
prefers-reduced-transparency |
动作是最常见的有害界面属性。严格处理它：
默认行为：
prefers-reduced-motion: reduce 禁用非必要动画实现模式：
/* 完整动作（默认） */
.element { transition: transform 300ms ease-out; }
/* 减少动作 */
@media (prefers-reduced-motion: reduce) {
.element { transition: none; }
}
永不自动播放：
暗色模式不是"反转颜色"。它是单独的设计练习：
文本必须可调整大小而不破坏布局：
rem 或 em 单位，从不使用固定的 px 作为字体大小不同用户需要不同的密度：
如果提供密度控制：
对于每个自适应属性，记录：
# [项目名称] 自适应界面设计
## 自适应属性概览
| 属性 | 默认行为 | 适应行为 | 检测方法 |
|------|---------|---------|---------|
| 色彩方案 | 浅色主题 | 深色/高对比度主题 | `prefers-color-scheme` |
| 动作 | 完整动画 | 减少动画 | `prefers-reduced-motion` |
| 对比度 | 标准对比度 | 高对比度 | `prefers-contrast` |
| 文本大小 | 系统默认 | 可调整大小 | `rem`/`em` 单位 |
| 信息密度 | 舒适 | 紧凑/宽敞 | 用户设置 |
## 动作敏感度
- **默认**：[默认行为描述]
- **减少**：[减少行为描述]
- **实现**：[CSS代码示例]
## 色彩方案
### 浅色主题
- **背景**：[颜色值]
- **文本**：[颜色值]
- **语义颜色**：[颜色值]
### 深色主题
- **背景**：[颜色值]
- **文本**：[颜色值]
- **语义颜色**：[颜色值]
### 高对比度主题
- **背景**：[颜色值]
- **文本**：[颜色值]
- **语义颜色**：[颜色值]
## 排版灵活性
- **单位**：[rem/em]
- **缩放测试**：[200%缩放测试结果]
- **行间距**：[可调整性]
- **字母间距**：[可调整性]
## 信息密度
- **宽敞**：[描述]
- **舒适**：[描述]
- **紧凑**：[描述]
## 偏好持久化
- **系统偏好**：[自动尊重]
- **应用偏好**：[持久化方法]
- **覆盖规则**：[从不覆盖系统偏好]