ui-precision-guard
Execute high-precision UI edits with route coverage, screenshot proof, runtime assertions, and visual regression discipline.
Source facts
- Repository
- Calvin-Corbett/thomas
- Last source activity
- September 9, 2026 at 02:49
- Detected SKILL.md language
- English
- Stars
- 4
- Forks
- 0
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Showing SKILL.md
SKILL.md
Source instructions · Read-only preview- 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.
View on GitHub