用途:antislop-human 是 antislop 系统的一部分,需与核心文件 antislop.md 一同加载,在任何构建或编辑 UI 的任务中使用。它专注“人”的层面:让界面可供不同视力、手部条件和设备的用户使用。
主要能力:每条规则按 Tell(模式)、Why(排除了谁、为何显得未完成)、Fix(如何改)组织,并引用核心规则编号。
颜色与对比度:低对比文本须满足 WCAG AA,正文 4.5:1,大文本(18px+)3:1;文字压在图片或渐变上需覆盖整个文字区域最差点测试;不得凭感觉断言灰底灰字通过 AA,如 #555555 在黑底为 2.8:1,不通过;非文本 UI(按钮、图标、输入边框、焦点指示、图表分段)边界和状态需达 3:1。
对比度检查器:提供脚本 contrast-check.py,位于本技能目录。命令示例: python3 "${CLAUDE_SKILL_DIR}/contrast-check.py" "#FFFFFF" "#777777" Windows 用 python。脚本不可用时可用公式:对比度=(L1+0.05)/(L2+0.05),相对亮度按 WCAG 2.x 计算。另有常见配色的参考表,仅作 sanity check,接近阈值需用公式或脚本。
键盘:禁止无替代地设置 outline: none 或 outline: 0;焦点样式需可见且对相邻色达 3:1;避免仅鼠标模式(仅悬停菜单、仅点击下拉、无键盘替代的拖放);Tab 顺序应匹配视觉顺序,长页面加跳过链接,对话框可用 Escape 关闭,非受控焦点陷阱不要给真实内容 tabindex="-1"。
焦点与状态:焦点指示在每个主题(含深色与浅色模式)都需可见、达 3:1;状态反馈不能仅靠颜色,需配文字、图标或图案,错误以文字优先;数据视图须有空、加载、错误三种状态,且可感知、有信息量。
缩放与移动端:文本可缩放至 200% 不被裁剪、不出现横向滚动;移动端聚焦输入框应滚入视野并留出底部内边距,避免被屏幕键盘遮挡。布局机制(断点、网格、溢出、点击目标)由 antislop-layoutmobile 负责。
限制:本文档未提供该技能的安装命令、收费、价格或平台支持信息。使用前需具备 antislop.md 核心及相应运行环境。