mcpField
M
mobile-first-ui-review

mobile-first-ui-review

github.com/sylphxai设计与 UI153 次安装今天更新
代码仓库

关于 mobile-first-ui-review

mobile-first-ui-review 是用于评估移动界面触控体验的审查技能，关注设备限制与无障碍要求。它按优先级整理问题，或生成带规则 ID 的具体修改计划。

主要功能

  1. 01分析移动任务与设备限制
  2. 02审查触控流程和层级
  3. 03检查无障碍与平台规范
  4. 04区分阻塞问题和润色项
  5. 05将发现关联到规则 ID

适用场景

  1. 01发布前审查移动端界面
  2. 02规划单手操作改进
  3. 03检查键盘与安全区域行为

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/sylphxai/skills --skill mobile-first-ui-review

安装后在 Claude Code 中输入/mobile-first-ui-review确认已加载。

附带文件agents/openai.yamlreferences/mobile-ui-rules.md

详细介绍

移动端优先 UI 评审

使用此技能，让移动端体验更原生、更快捷，也更适合单手操作。

工作流

  1. 确定主要的移动端任务、屏幕类型和设备限制。
  2. 阅读 references/mobile-ui-rules.md。
  3. 从层级、触达性、输入、反馈、平台界面元素、无障碍和故障状态等方面评审 UI。
  4. 区分关键阻塞问题和可改进的细节。
  5. 制定具体的修补计划，或提供带有规则 ID 的评审结果。

不适用场景

  • 如果基础模型无需此技能的特定产物规范就能提供通用建议，请勿使用。

注意事项

  • 不要只针对截图进行优化；应优化实际的触控流程。
  • 保留无障碍支持、减少动态效果、动态字体、安全区域和键盘行为。
  • 优先减少阻力，而不是添加装饰。

输出格式

Surface:
Primary mobile job:

Critical issues:
- <rule id> <issue> -> <fix>

Polish opportunities:
- <rule id> <detail> -> <fix>

Accessibility checks:
- Screen reader:
- Focus order:
- Dynamic type / text scaling:
- Motion and animation:

Mobile acceptance checks:
- <check>

评论

支持 Markdown