メニュー
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/wanghaisheng/openaiworkhorse-design-team --skill adaptive-interfacesコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
扮演设计师角色，完成从用户研究、UX策略、UI设计到交互设计的全流程设计任务。支持设计研究、设计系统、原型测试、设计运营等多维度职责。
Use when a design direction is uncertain, when the team could go multiple ways, or when the user wants to see competing approaches argued before committing — orchestrates structured debate between agents who advocate for different directions
Use when starting a new project or when taste decisions are made — accumulates the user's aesthetic preferences, recurring patterns, and design instincts across projects so each new project starts with what the system already knows about their taste
SOC 職業分類に基づく
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%缩放测试结果]
- **行间距**：[可调整性]
- **字母间距**：[可调整性]
## 信息密度
- **宽敞**：[描述]
- **舒适**：[描述]
- **紧凑**：[描述]
## 偏好持久化
：[自动尊重]
：[持久化方法]
：[从不覆盖系统偏好]