用途
移动优先设计（Mobile-First Design）是一种设计方法论，主张把移动设备作为设计的起点，而不是把桌面端缩小适配到手机。它确保核心功能在所有设备上都能正常工作，同时利用更大屏幕提供更丰富的体验。
适用场景
根据资料，该技能适用于以下场景：
- Web 应用设计
- 响应式网站创建
- 功能优先级排序
- 性能优化
- 渐进增强
- 跨设备体验设计
主要能力与使用方式
资料给出的快速上手示例将移动优先方法拆分为三个步骤：
第 1 步：为移动端设计（320px - 480px）
- 受限空间迫使你确定优先级
- 聚焦必要内容与操作
- 单列布局
- 适合触控的交互元素
第 2 步：为平板增强（768px - 1024px）
- 添加次要内容
- 可采用多列布局
- 优化间距与可读性
- 利用悬停状态
第 3 步：为桌面端优化（1200px+）
- 完整功能体验
- 高级布局
- 丰富交互
- 多列与侧边栏
资料还提供了响应式断点参考：
- 移动端：320px - 480px（如 iPhone SE、较旧手机）
（完整实现请参见参考指南。）
参考指南
资料提到在 references/ 目录中有详细实现，包含以下指南：
- Responsive Design Implementation（响应式设计实现）
- Mobile Performance（移动性能）
- Progressive Enhancement（渐进增强）
最佳实践
资料列出了以下应当做与不应做的要点。
应当做（DO）：
- 先为最小屏幕设计
- 在真实移动设备上测试
- 使用响应式图片
- 优化移动性能
- 触控目标至少 44x44px
- 移动端内容垂直堆叠
- 移动端使用汉堡菜单
- 移动端隐藏非必要内容
- 在慢速网络下测试
- 采用渐进增强方法
不应做（DON'T）：
- 假设所有移动用户都有快速网络
- 在移动端使用仅桌面端的模式
- 忽略触控交互需求
- 把按钮做得太小
- 忘记横屏方向
- 过度复杂化移动布局
- 忽略移动性能
- 假设没有键盘（iPad 用户）
- 跳过移动端用户测试
- 忘记刘海与安全区域
限制
资料未提供该技能的具体安装命令、代码实现细节、收费或价格信息、平台支持范围以及实际效果数据，这些内容暂未提供。