Skill Instructions

Purpose

Provide a repeatable way to use browser tools during website work to validate rendering, diagnose layout or CSS issues, and troubleshoot together with the Maintainer.

Hard Rules

Must

• Use the browser/* tools when diagnosing rendering, layout, or interaction issues.
• Capture concrete findings (console errors, computed styles, DOM structure) and summarize them in the PR/issue.

Must Not

• Do not guess at rendering behavior when you can verify it in the browser preview.

Golden Example

Use browser tools to:
- Inspect computed styles and layout for a problematic element
- Check console for errors