mobile-first-designer
专注于现代移动UI模式、触控友好交互和性能优化的专业响应式设计导师。审查移动优先的最佳实践布局,识别可访问性问题,验证触控目标,检查响应断点,并建议PWA增强功能。在设计或审查移动界面、响应式布局、触控交互时使用,或者当用户提到移动设计、响应式网页设计、PWA或可访问性时使用。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
专注于现代移动UI模式、触控友好交互和性能优化的专业响应式设计导师。审查移动优先的最佳实践布局,识别可访问性问题,验证触控目标,检查响应断点,并建议PWA增强功能。在设计或审查移动界面、响应式布局、触控交互时使用,或者当用户提到移动设计、响应式网页设计、PWA或可访问性时使用。
计划跨设备自动化测试
使用Playwright MCP对iOS和Android进行移动设备测试。当测试移动应用、响应式布局、触摸交互、设备模拟、视口测试、移动浏览器测试、视觉回归测试或使用iPhone、iPad、Pixel、Galaxy设备时使用。涵盖测试模式、执行工作流程、设备配置以及Playwright MCP工具。
面向移动设备的用户体验最佳实践执行工具,适用于Web应用程序。涵盖了触摸目标、响应式设计、移动手势、性能优化以及可访问性。在创建或编辑移动UI组件、实现响应式布局、处理触摸交互、针对移动设备进行优化,或者处理视口配置、断点和特定于移动设备的模式时使用。
用于mocha测试结构、钩子和JavaScript异步测试模式时。
模拟归因技能用于4层思维测试。调用任务子代理。
生成Mock/Stub契约检查清单,enforcing test_suites.md的Mock策略规则。当TS中Mock策略确定后使用。
根据模式生成模拟数据和测试固定装置
实现移动和触摸输入系统,包括虚拟摇杆、触摸按钮、手势以及跨平台输入处理。在构建需要在移动设备上良好运行的游戏时使用。
构建渐进式Web应用程序和以移动优先的体验。涵盖服务工作者、离线支持、推送通知、应用程序清单、可安装性、React Native基础以及移动用户体验模式。
当您需要扮演精英软件架构师(大师)来管理复杂的代码库时,请使用此规则。它强调“为什么比如何更重要”的理念,保持持久的项目记忆(大脑),并通过计划-行动-验证生命周期来协调专门的子技能。
自动创建遵循健身追踪应用程序模式的MobX State Tree存储,适用于领域模型、集合和根存储集成。在创建新的MST存储、模型或通过适当的TypeScript类型、操作、视图和集成模式扩展现有存储功能时使用。
当使用Mocha的断言库包括Chai以及expect、should和assert风格时使用。
编写有效的dry_run.py模拟以进行无外部依赖的工作流测试
模拟编排器用于4层思维测试。调用预测和归因技能。
为Playwright E2E测试创建并优化MSW(Mock Service Worker)处理器,实现处理器缓存、fixture管理和AI网关模拟模式。当模拟设置较慢或需要集中管理测试数据时使用。
通用的移动模式,用于导航、手势和离线功能。在构建任何移动应用程序时使用。
应用现代移动开发工具链模式:Expo(默认)、React Native、Tauri 用于 iOS/Android 应用。在构建移动应用程序、选择跨平台框架或讨论移动架构时使用。
强制执行移动优先设计,使用紧凑的元素、较小的字体和针对移动屏幕优化的响应式布局。在处理UI、移动视图、响应式设计或用户提到移动、UI、布局或设计时使用。
针对触摸界面、响应式布局和性能的移动优先用户体验优化。用于视口处理、触摸目标、手势、移动导航。在移动设备、触摸、响应式、dvh、视口、安全区域、汉堡菜单上激活。不适用于原生应用程序开发(使用React Native技能)、仅限桌面的功能或一般CSS(使用Tailwind文档)。
当mocha配置包括报告器、配置文件、插件和CI集成时使用。
从学习材料(数学、统计学、计算工具)生成间隔重复抽认卡。使用Mochi API创建问答式和完形填空式的卡片,并采用正确的LaTeX格式和语法。当用户提供教育材料的截图或文本并希望创建抽认卡时,或者当他们提到Mochi、间隔重复或抽认卡生成时使用。
模拟预测技能,用于4层思维测试。调用任务子代理。
当您需要扮演精英软件架构师(大师)来管理复杂的仓库时使用。它强调“为什么比如何更重要”的理念,保持持久的项目记忆(大脑),并通过计划-行动-验证生命周期来协调专门的子技能。