apple-design

Apple Design System 是一套受 Apple 设计语言启发的 UI 设计技能，用于构建简洁、现代的界面。用途：设计作品集网站、个人站点、落地页、产品展示页、英雄区、卡片式布局，以及导航栏、模态框、表单和行动号召区；添加玻璃雾化（glassmorphism）或磨砂玻璃效果、流畅动画，并支持深色模式。主要能力：提供核心设计原则（极简、大标题系统字体、中性底色加点缀色、8px 间距网格、柔和阴影与平滑动画）；给出明暗两套 CSS 变量色彩系统；系统字体栈与 clamp() 流式排版；组件示例包括英雄区、玻璃卡片、项目卡片、固定模糊导航栏、主次按钮；动画示例包括悬停抬升、图片缩放、淡入上移动画；并配有阴影、圆角、动画时长与缓动函数速查。使用方式：激活技能后按语义化 HTML、现代 CSS（flexbox、grid、自定义属性）、玻璃雾化、悬停状态、深色模式与多断点响应式的流程创建组件；强调用 CSS 变量管理颜色与间距，动画只使用 transform 和 opacity，遵循 WCAG AA、44x44px 触控目标、焦点指示与 prefers-reduced-motion。限制与注意：避免复杂动画、忽视响应式、牺牲无障碍、使用 float 或 !important、动画 width/height。文档提到 design-principles.md、color-system.md、typography-system.md、animation-guide.md、components-reference.md 及 templates/ 与 examples/ 目录，但具体内容与安装方式暂未提供。