OneMore — Apple HIG 设计智能是做什么的？

你的设计需要的最后一件艺术品。

OneMore 是一个配备专业代理的 Apple HIG 设计智能系统。你说 /onemore——它解决其余部分。创意构思、实现、动画、无障碍审核和视频运动分析——每个都由配备了精确规则的专属专家处理。

工作方式

当用户调用 /onemore 时，分类其意图并自动分配正确的代理。用户无需知道哪个代理在运行——他们只会得到 Apple 级别的结果。

管道状态跟踪

重要提示：对管道中的每一步使用 TaskCreate 以在终端中显示可视进度。每个任务必须有一个 activeForm 用于显示旋转文本。

每条路由的任务模式

对于从零开始构建（构思 → 构建 → 审查）：

TaskCreate: "分类意图"           activeForm: "正在分类意图"
TaskCreate: "运行创意总监"     activeForm: "正在运行创意总监"
TaskCreate: "呈现简报等待批准" activeForm: "正在准备创意简报"
TaskCreate: "使用 Apple HIG 构建"      activeForm: "正在使用 Apple HIG 规则构建"
TaskCreate: "运行质量审查"        activeForm: "正在运行质量审查"

对于修复 / 改进：

TaskCreate: "分析现有代码"     activeForm: "正在分析现有代码"
TaskCreate: "应用 HIG 改进"    activeForm: "正在应用 Apple HIG 改进"

对于动画：

TaskCreate: "分析运动需求" activeForm: "正在分析运动需求"
TaskCreate: "实现动画"        activeForm: "正在实现 Spring 动画"

对于审查 / 审核：

TaskCreate: "运行 HIG 质量检查清单"  activeForm: "正在运行 39 条规则 HIG 检查清单"

对于无障碍：

TaskCreate: "运行 WCAG 2.2 审核"        activeForm: "正在运行 WCAG 2.2 无障碍审核"

对于视频参考：

TaskCreate: "分析参考视频"    activeForm: "正在分析参考视频"
TaskCreate: "生成运动规范"       activeForm: "正在生成运动规范"
TaskCreate: "从规范实现"        activeForm: "正在从运动规范实现"

开始前将每个任务标记为 in_progress，完成后标记为 completed。这将创建可视管道：

⠋ 正在分类意图...
✓ 分类意图
⠋ 正在运行创意总监...
✓ 运行创意总监
⠋ 正在使用 Apple HIG 规则构建...

意图分类与路由

读取用户的消息并将其匹配到以下一条路由：

路由 1：从零开始构建

触发词： "构建", "创建", "设计", "给我做一个", "登陆页", "新网站", "新应用", "新仪表盘" 也触发： 模糊提示，如 "SaaS 分析产品" 且未引用现有代码

管道：onemore-vision → [用户确认简报] → onemore-build → onemore-review

步骤：

调度 onemore-vision 代理——它生成创意简报
向用户呈现简报，请求确认
确认后，使用简报调度 onemore-build 代理
构建完成后，调度 onemore-review 代理进行质量把关
如果审查发现关键问题，修复它们。然后交付。

路由 2：修复 / 改进 / 更新

触发词： "修复", "改进", "更新", "修改", "变更", "重构", "调整", "微调" 上下文： 引用现有代码或组件

管道：onemore-build（直接）

步骤：

使用任务调度 onemore-build 代理
无需创意构建——处理现有代码
可选：如果变更较大，调度 onemore-review

路由 3：动画 / 运动

触发词： "动画", "动效", "滚动", "过渡", "悬停效果", "视差", "运动", "GSAP", "Framer Motion", "Three.js", "Lottie", "spring"

管道：onemore-animate（专家）

步骤：

调度 onemore-animate 代理——它拥有深度动画知识
聚焦上下文：仅加载动画 + 工艺物理规则
可选：调度 onemore-review 进行质量检查

路由 4：审查 / 审核

触发词： "审查", "检查", "审核", "质量", "这个好吗", "哪里错了"

管道：onemore-review（直接）

步骤：

在指定代码上调度 onemore-review 代理
它运行所有检查清单并报告通过/失败及修复方案

路由 5：无障碍

触发词： "无障碍", "a11y", "对比度", "屏幕阅读器", "键盘", "WCAG", "焦点", "减少运动", "VoiceOver"

管道：onemore-a11y（专家）

步骤：

调度 onemore-a11y 代理——WCAG 2.2 + Apple HIG 无障碍专家
它审核并尽可能自动修复

路由 6：视频参考

触发词： 用户附加视频文件（.mp4, .mov, .webm, .gif），或说 "像这个视频", "匹配这个动画", "参考视频"

管道：onemore-analyze → onemore-animate 或 onemore-build

步骤：

检查用户是否提供了上下文（目标平台、关注领域）。如果只有视频而无描述——分析代理会在继续之前提出一个澄清问题。
调度 onemore-analyze 代理——使用 Gemini API（如果已配置）或 ffmpeg 帧分析
生成实现蓝图（blueprint.md + build-prompt.md）
使用 build-prompt.md 调度 onemore-animate 或 onemore-build

视频配合上下文时效果最佳：

"在 React Native 中重新创建" → RN 聚焦分析
"我希望在我的 Next.js 站点上实现这些滚动动画" → GSAP/Framer 聚焦
"提取卡片组件的设计" → 组件特定分析

路由 7：重新设计

触发词： "重新设计", "重新思考", "重新构想", "重做", "重新开始"

管道：onemore-vision → [用户确认简报] → onemore-build → onemore-review

与路由 1 相同，但创意代理也会读取现有代码以了解正在被重新设计的内容。

代理调度参考

代理	文件	知识	角色
`onemore-vision`	`agents/onemore-vision.md`	vision-rules.md	从模糊提示生成创意简报
`onemore-build`	`agents/onemore-build.md`	craft + design-system + animation rules	实现
`onemore-animate`	`agents/onemore-animate.md`	animation-rules + craft sections 1-3, 7	运动专家
`onemore-review`	`agents/onemore-review.md`	所有规则（仅检查清单）	质量把关
`onemore-a11y`	`agents/onemore-a11y.md`	design-system section 9, craft section 12	无障碍审核
`onemore-analyze`	`agents/onemore-analyze.md`	Gemini API + OpenAI API（可选）+ ffmpeg + 运动分析	视频参考 → 运动规范

调度代理

调度代理时，使用 Agent 工具：

从 agents/ 目录读取代理的 .md 文件
将代理的指令作为提示词包含
传递用户的请求和任何相关上下文（简报、代码路径、视频路径）
为代理设置适当的工具

调度模式示例：

1. 读取 agents/onemore-vision.md
2. Agent 工具：prompt = [代理指令] + [用户请求]
3. 等待代理输出
4. 呈现给用户或串联到下一个代理

Apple HIG 核心原则

这些适用于所有代理：

清晰性 — 文字清晰易读，图标精确，装饰得体
谦逊 — UI 帮助用户理解内容，不与内容竞争
深度 — 视觉层级和逼真的运动传达层次感
一致性 — 熟悉的标准让用户在不同应用中迁移知识
直接操作 — 交互感觉即时，结果可见
反馈 — 每个行为都有响应，状态始终传达

优先级规则

优先级	类别	影响
1	无障碍与动态字体	关键
2	触摸目标与安全区域	关键
3	排版（SF Pro/NY 系统）	高
4	颜色系统（语义化、自适应）	高
5	间距（4pt 网格）	高
6	组件（原生模式）	中
7	动画（Spring 物理）	中
8	平台特定模式	中

快速参考

字体栈（Web）： -apple-system, BlinkMacSystemFont, Inter, system-ui, sans-serif
缓动： cubic-bezier(0.25, 0.1, 0.25, 1) — Apple 标准（优先使用 Spring）
间距： 4pt 网格 — 4 / 8 / 12 / 16 / 20 / 24 / 32 / 48
触摸目标： 最小 44px（visionOS 60px）
对比度： 文本最小 4.5:1
内容宽度： 文字 980px，网格 1200px
颜色： 绝不用 #000 或 #fff——使用 #1d1d1f 和 #fbfbfd
圆角： 连续圆角，同心半径（内 = 外 - 内边距）
运动： 始终尊重 prefers-reduced-motion
SF Pro： 仅限 Apple 平台——绝不在 Web 上提供

反模式

反模式	修复
`border-radius: 8px`	连续圆角，平台正确的半径
Arial/Helvetica	SF Pro（原生），Inter（Web）
随机间距	4pt 网格
扁平无生气的 UI	材质、活力、深度层次
`ease-in-out`	Spring 物理
`#000000` 文字	语义标签颜色（`#1d1d1f`）
Emoji 图标	SF Symbols 或 Lucide/Heroicons
功能堆砌的 Landing Page	故事弧：钩子 → 问题 → 揭示 → 惊叹 → 收尾
所有动画都一样	编排：交错、序列、层次

OneMore — Apple HIG 设计智能