ui-ux-pro-max
Claude Code 安装 UI UX Pro Max 并核对移动端表单可用性
Claude Code 安装步骤
- 打开固定版本的 GitHub 原文,从同一提交取得 `.claude/skills/ui-ux-pro-max/` 完整目录。
- 先用 `python --version` 确认 Python 3 可用,再从技能目录核对 `scripts/search.py` 与参考资料。
- 在项目中建立 `.claude/skills/ui-ux-pro-max/`,复制完整技能文件及其相对依赖。
- 从项目根目录启动 Claude Code,确认命令菜单显示 `/ui-ux-pro-max`,再用下方样例验证。
中文摘要
从现有 UI 规则中查找键盘可达、焦点、触控目标和响应式布局建议,再给出移动端改进清单。
SKILL.md 中文导读
可复现示例
设计 360px 宽预约表单,含姓名、手机号、日期和提交按钮。标注必填错误、键盘焦点、最小触控区域,并比较 360px 和 768px 两种布局。工作步骤
- 提供布局宽度、字段和错误示例。
- 从技能目录的检索脚本或参考资料定位表单、触控与焦点规则。
- 输出带可验收条件的清单,在两个指定宽度逐项检查。
验收方法
无横向溢出,字段标签在输入后仍可识别,键盘焦点可见,错误提示能对应到具体字段。
GitHub 原文 · 更新日期
适用环境
Claude Code。使用内置检索脚本需 Python 3,并保留技能目录中的脚本、参考文档和数据。
常见问题
UI UX Pro Max 能帮我检查移动端表单哪些问题?
可用它定位标签、焦点、触控与响应式布局规则。判断是否通过仍需在目标宽度实测。