ui-precision-guard
Execute high-precision UI edits with route coverage, screenshot proof, runtime assertions, and visual regression discipline.
来源信息
- 仓库
- Calvin-Corbett/thomas
- 最近来源活动
- 2026年9月9日 02:49
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 4
- 分支
- 0
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- name
- ui-precision-guard
- description
- Execute high-precision UI edits with route coverage, screenshot proof, runtime assertions, and visual regression discipline.
# UI Precision Guard
Use this skill for Thomas web UI changes that need deterministic proof instead of informal visual checks.
## Workflow
1. Map the exact routes, components, and viewport states touched by the edit.
2. Capture before/after screenshots or DOM assertions for each affected state.
3. Keep the change narrow and preserve existing visual language unless the task requires a redesign.
4. Verify spacing, overflow, focus, responsive behavior, and console cleanliness.
5. Attach proof artifacts or summarize the checks before handoff.
## Rules
- Do not hand-wave UI fixes.
- Prefer repeatable browser checks over one-off visual guesses.
- Escalate when a requested UI change breaks existing system patterns.
在 GitHub 查看