1. 基本信息
| 项目 | 内容 | 数据来源 |
|---|---|---|
| 名称 | apple-design-emilkowalski-skills | — |
| 项目自述名称 | apple-design（合集内子技能名，未带拥有者前缀） | SKILL.md |
| 作者/维护者 | Emil Kowalski（独立前端工程师，曾任职 Vercel、Linear，animations.dev 创办人） | GitHub 个人资料 + 仓库 README |
| 来源链接 | https://github.com/emilkowalski/skills/tree/main/skills/apple-design | — |
| 许可证 | MIT License | GitHub API |
| GitHub Stars | 27,286（合集仓库整体；该数字属整个合集，不代表本子技能自身热度，见第 6 章说明） | GitHub API |
| Forks | 1,495 | GitHub API |
| 最新版本 | 未标注版本号（滚动更新，仓库最近一次提交 2026-08-05） | GitHub API |
| 安装方式 | npx skills@latest add emilkowalski/skills（安装整个合集，其中含本技能） |
官方 README |
2. 功能介绍与亮点
apple-design 把 Apple WWDC 2018《Designing Fluid Interfaces》阐述的界面物理学，转译成可套用于 Web 的规则与代码（CSS、Pointer Events、Motion/Framer Motion）。核心主张：界面感觉“活的”，因为运动继承手势速度、投射动量，能随时被抓反向。内容涵盖即时反馈、可中断性、弹簧参数、手势细节、材质深度、无障碍、排版，均配代码示例与公式。
3. 适用场景
所属分类：前端与设计
面向用 Claude Code / Codex 等 agent 写前端界面、缺乏专职动效设计背景的初中级开发者。典型场景：实现或审查带手势的组件（可拖拽抽屉、滑动卡片）、给弹窗加弹簧动画、判断交互该不该做成动效。
4. 跨 Agent 兼容性
- Claude Code：原生支持，标准 SKILL.md 格式，官方 CLI 一条命令安装。
- Codex：需适配。仓库 issue 中“Add Claude/Codex/Copilot plugin”需求尚未关闭，正式跨客户端封装仍在推进。
- OpenClaw / Hermes Agent：未验证，已抓取材料未提及。
5. 推荐理由
多数“让 UI 更好看”的技能停留在配色、字体、组件库层面，apple-design 深入交互的物理感本身——何时该用弹簧而非缓动曲线、松手后动量怎么投射，把顶尖产品团队经验转成可执行参数与代码。对没有专职动效设计师的团队，相当于把高门槛判断力装进 agent，且纯文档形态、不执行代码，改动成本低。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 6 | 所属合集仓库自 2026 年 3 月创建以来半年内增长至 2.7 万+ 星，且据第三方趋势追踪站点显示近一周仍在快速新增星数；本子技能自身也有 3 条社区发起的 issue/PR 专门为其增补内容（iPhone 主屏 Web App 适配、Vibration API 平台支持说明等），另有一篇独立于 GitHub 之外的第三方 Medium 文章专文评测本技能。证据显示确有独立用户在深度参与，热度处于稳步上升阶段 |
| 可用性 | 9 | 内容详尽完整，17 个章节均配具体 CSS/JS 代码示例与数值公式；仓库最近一次提交为 4 天前，维护活跃；免费、无需任何 API key 或额外配置；一条命令即可安装 |
| 安全性 | 9 | 逐项核查：①不执行任何 shell 命令 ②运行时不联网外发数据 ③不要求 API key 或任何凭据 ④SKILL.md 内容为设计方法论与代码示例，未发现可疑指令 ⑤作者为有公开履历的独立前端工程师，无刷星或造假迹象 ⑥MIT 许可证明确 ⑦最近一次提交在 4 天前，维护活跃 |
综合评分：8.0（三项均值）
7. 跟同类 Skills 相比的优势
| Skill | 定位 | 与 apple-design 的差异 |
|---|---|---|
| impeccable | jQuery UI 作者出品，23 个命令 + 46 条确定性规则打磨 AI 生成前端界面的整体观感 | 覆盖面更广（含针对不同大模型已知缺陷的专项反模式库），但不深入手势物理与弹簧动画参数这类具体交互细节 |
| ui-ux-pro-max-skill | 本地免联网设计知识库，一条命令生成完整 UI 设计系统（配色/字体/图表模板等） | 定位是“从零生成设计系统”，偏静态视觉规范；apple-design 专注“运行时交互该怎么动”，两者可互补而非替代 |
| web-design-guidelines（Vercel 官方） | 面向提交代码前的 UI 合规审计，覆盖无障碍、表单、深色模式等 11 大类 100+ 条规则 | 是一份合规检查清单，偏“有没有做对”；apple-design 是一套动效设计方法论，偏“感觉对不对”，两者切入角度不同 |
8. 用户评价
Medium 作者 winkrun 在 2026 年 7 月的评测文章中称试用后“genuinely impressed”（印象深刻），评价这种做法“brilliant”（十分巧妙）。除此之外该技能在其他平台尚无更多具名用户评价。
9. 其他补充
仓库 README 提供简体中文与日文版本（社区贡献）；作者持续吸纳社区对具体子技能的补充 PR。
10. 安装使用方式
- 执行
npx skills@latest add emilkowalski/skills安装整个合集（含本技能），agent 处理动效/手势任务时自动识别调用。 - 也可将
skills/apple-design/SKILL.md复制到本地 agent 的 skills 目录单独启用。 - 安装后无需重启、无需配置；触发依赖任务描述语义匹配（如“拖拽”“弹簧动画”“Apple 风格”）。
11. 注意事项
- 仓库未使用正式版本号，更新为滚动提交，无法按版本追踪变更。
- 多客户端插件封装仍在开发中（见第 4 章），Codex 等客户端可能需手动适配。
- 内容偏重 Motion/Framer Motion 示例，对纯 CSS 或其他动画库覆盖较少。