检查已有界面
围绕指定页面开展 audit 或 critique,定位层级、交互、无障碍或响应式问题。
使用 pbakaus 的 Impeccable,通过一个 Skill 及其命令设计、审查与优化前端界面。围绕层级、字体、响应式和边界状态选择工作方式,结合项目既定身份与用户任务实施修改,再查看渲染结果,确认改进在实际页面中成立。
选择你使用的 Agent,查看对应的安装或使用方式。在 Floatboat 中,可复制请求让 Agent 读取原始说明;其他选项会显示该 Skill 的安装命令或发布者提供的原生步骤。
选择 Agent
复制请求,粘贴到 Floatboat 对话
请阅读 https://github.com/pbakaus/impeccable/blob/main/.agents/skills/impeccable/SKILL.md 中的 Impeccable 原始说明,介绍它的用途、所需工具和安装方式,再协助我使用。由 Agent 读取原始说明,再确认当前环境的使用方式。
下载 Floatboat ↗使用 Impeccable 检查这个结账表单。保留现有视觉身份,重点检查层级、键盘使用、验证及空白或错误状态,先报告发现再修改。
Impeccable 是 pbakaus 发布的设计 Skill 与配套工具流程。它通过单个 Skill 调度 audit、critique、polish、harden 等命令,不应把每条命令视为独立能力包。当前发行包含启动器与独立引擎,并按宿主提供不同安装方式和可选原生 Hook。它读取项目上下文,区分保留既有方向的优化与重新设计,再根据界面类型选择方法。使用时应提供具体页面、用户任务,以及必须保留的品牌特征或交互行为。不同宿主的安装细节需要分别核对,设计过程也仍需检查真实渲染结果。
探索有具体质量问题或明确重做目标的界面任务,例如检查工作页面、打磨接近完成的设计,或补齐表单和空状态。选择与任务匹配的命令,同时核对产品事实、现有交互和需要保留的视觉方向。
围绕指定页面开展 audit 或 critique,定位层级、交互、无障碍或响应式问题。
保留已确定的方向与正常行为,进一步核对字体、对齐、间距和一致性。
检查验证、错误、加载和空状态,让页面在输入或数据不完整时仍能指导用户。
按宿主安装 Impeccable,新项目先运行 /impeccable init,已有项目先核对产品上下文。再向 Agent 指定具体界面任务,区分保留原方向的优化与重新设计,并在代表性尺寸下检查渲染结果。
使用对应宿主安装器并重新加载。新项目先在 Agent 内运行 /impeccable init,建立 PRODUCT.md;已有项目核对该上下文,并处理相关 Hook 信任提示。
提供路由或源码文件,说明需要保留的部分,选择相关命令并区分优化与重做。
在目标尺寸检查更新后的界面,核对交互与内容,再修正渲染结果暴露的具体问题。
查看其他 Skill 指南,并在使用前核对原始来源。