让 AI 打造苹果级产品设计与设计系统 #

解决复杂设计需求：通过 AI 生成符合 Jony Ive 原则的视觉系统、UX 流程图及交互脚本，辅助完成从设计令牌定义到最终设计交接（Handoff）的全流程工作。

为什么需要这个技能 #

构建符合苹果美学的设计系统需要极深的视觉规范与认知原则，手动梳理 Figma 组件库、定义色值与排版、编写无障碍标签（ARIA）耗时且易错。

本技能让 AI 直接基于“极简主义”和“系统连贯性”等核心原则，自动生成设计令牌（Design Tokens）、原型及交互反馈逻辑，将传统设计师数天的工作压缩至分钟级完成。

适用场景 #

• 需要从零搭建一个符合 WCAG 2.1 AA 标准的现代设计系统时。
• 设计团队需要快速产出高保真原型及详细的 UX 流程图进行演示。
• 需要将 Figma 文件交付给前端开发时，自动输出标准化的设计令牌 JSON 结构。
• 为 Voice UI 或无界面应用设计纯听觉反馈与交互脚本时。

核心工作流 #

1. 定义设计原则与语境：明确目标用户、品牌调性及要遵循的苹果设计十诫（如“诚实的材料性”、“功能定义形式”）。
2. 构建视觉令牌（Design Tokens）：AI 自动生成包含色彩（语义/中性）、排版（字体/行高）、间距、阴影及动效参数的完整 JSON 文件。
3. 生成结构化解耦设计：输出原子（Atoms）、分子（Molecules）及有机体（Organisms）的层级结构，确保组件复用性。
4. 审查与交接（Handoff）：对设计进行批判性审查，检查对比度、可触控区域（44x44px）及动效缓动曲线（Easing），最终输出前端可用的代码或标注说明。

下载和安装 #

下载 product-design 中文版 Skill ZIP

解压后将目录放入你的 AI 工具 skills 文件夹，重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。

你可能还需要 #

暂无推荐