Visual Inspection Skill

Purpose

This skill automates visual quality assurance for the blog using Playwright MCP. It ensures all UI changes maintain the terminal aesthetic, avoid generic AI-generated looks, and remain consistent across devices.

When to Use This Skill

Use PROACTIVELY for ALL visual/design changes:

• After modifying layouts, components, or styles
• When adding new UI components or pages
• When updating colors, spacing, typography, or borders
• Before completing any design-related task
• To verify responsive behavior across devices
• When checking for unwanted layout shifts
• To validate design consistency with existing components

Do NOT wait for the user to ask. This skill should be your first step after implementing any UI change.