mobile-design

用途

mobile-design 是一个可安装的 AI 智能体技能，用于指导移动端应用的设计与开发。它适用于为 iOS、Android 或跨平台（React Native、Flutter）构建移动应用时，帮助 AI 遵循移动端特有的约束与平台规范，而不是套用桌面端或记忆中的默认模式。

主要能力

技能围绕以下方面提供结构化指导：

• 设计思维：通过 mobile-design-thinking.md 强制 AI 基于上下文思考，避免使用记忆化模式。
• 触控心理学：涵盖 Fitts 定律、手势、触觉反馈、拇指区域等。
• 性能：React Native / Flutter 性能、60fps、内存与电量。
• 移动后端：推送通知、离线同步、移动 API。
• 测试与调试：测试金字塔、端到端测试、平台特定测试；原生与 JS 调试、Flipper、Logcat。
• 导航、排版、色彩系统：标签/堆栈/抽屉导航、深度链接；系统字体、动态字体、无障碍；OLED、深色模式、省电。
• 决策树：框架、状态管理、存储选择。
• 平台专属文件：platform-ios.md（Human Interface Guidelines、SF Pro、SwiftUI 模式）与 platform-android.md（Material Design 3、Roboto、Compose 模式）。
• 运行时脚本：scripts/mobile_audit.py 用于移动端 UX 与触控审计，用法为 python scripts/mobile_audit.py <project_path>。

使用方式

技能规定了一套强制流程：

1. 先阅读通用参考文件（移动设计思维、触控心理学、性能、后端、测试、调试为关键文件；导航、排版、色彩系统、决策树为建议阅读）。
2. 根据目标平台阅读对应文件：iOS 先读 platform-ios.md，Android 先读 platform-android.md，跨平台则两者都读并应用条件化平台逻辑。
3. 在编写任何移动端代码前完成检查点，填写平台、框架、已读文件、将应用的 3 条原则、将避免的 2 条反模式。
4. 若无法填写检查点，则返回继续阅读技能文件。

技能还要求：若用户请求未明确平台、框架、导航、状态管理、离线需求、目标设备等，必须先询问，不得默认使用自己偏好的方案。

适用场景

• 为 iPhone/iPad 或 Android 设备构建应用。
• 使用 React Native、Flutter、SwiftUI 或 Kotlin + Jetpack Compose 开发。
• 需要处理离线能力、推送通知、深度链接、平台差异化导航与手势。
• 需要在开发前进行移动端 UX 与触控审计。

限制

资料未提供该技能的收费、价格、平台支持范围、实际效果或具体安装命令等信息，暂未提供。技能内容以英文为主，包含大量反模式清单与平台默认值对照表，实际使用需结合具体项目上下文。