Do I need to manually start Google Chrome?

No, the skill is designed to manage Chrome through the DevTools MCP, although it provides specific commands to clear profile locks if manual intervention is required.

How does it handle CSS updates?

The skill includes specialized commands to perform hard refreshes that bypass the browser cache and provides guidance on when a Zensical server restart is necessary.

Zensical is a web development framework; this skill provides a specialized environment within Claude Code to debug and verify sites built using it.

Can I use this skill to check for mobile responsiveness?

Yes, by utilizing the visual verification commands and script evaluation, you can check viewport widths and detect horizontal overflow issues commonly found in mobile layouts.

Zensical Visual Debugger

Name: Zensical Visual Debugger
Author: zeulewan

byzeulewan

0•

Automatización de Navegadores

Debugs and visually verifies Zensical websites using Chrome DevTools integration and automated layout inspections.

Zensical Visual Debugger is a specialized tool for Claude Code designed to streamline the development and testing of Zensical-based web projects. It automates the complex process of managing Chrome debugging ports, starting Zensical local servers, and performing visual audits. By integrating Chrome DevTools MCP, it allows Claude to capture screenshots, detect horizontal layout overflows, audit image rendering, and handle hard refreshes, ensuring that frontend changes are accurately reflected and visually sound during the development lifecycle.

Características Principales

01Automated troubleshooting for Chrome profile locks and stale instances

02Automated Chrome DevTools port management and conflict resolution

030 GitHub stars

04Advanced layout inspection for horizontal overflow and CSS rendering issues

05Visual verification tools for screenshots and image rendering audits

06Integrated Zensical server lifecycle management and health checks

Casos de Uso

01Verifying UI responsiveness and layout integrity on local Zensical deployments

02Automating visual regression testing after applying CSS or component updates

03Managing local development environments by automatically resolving port conflicts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zeulewan/zeul-claude-plugins zensical-debug

For use in Claude.ai and ChatGPT

Download Skill