·browser-validator
</>

browser-validator

Automatically validate implementations in real browsers after code is written or when user says "test this". Uses Chrome DevTools MCP to test responsive breakpoints (320px, 768px, 1024px), check accessibility compliance (WCAG AA contrast, keyboard navigation, ARIA), validate interactions, and generate detailed technical reports with file paths and specific fixes.

7Installs·0Trend·@kanopi

Installation

$npx skills add https://github.com/kanopi/cms-cultivator --skill browser-validator

How to Install browser-validator

Quickly install browser-validator AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/kanopi/cms-cultivator --skill browser-validator
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: kanopi/cms-cultivator.

SKILL.md

View raw

Purpose Validate design implementations in real browsers using Chrome DevTools MCP to ensure quality, accessibility, and responsiveness.

This skill requires Chrome DevTools MCP integration. Correct tool names to use:

If Chrome DevTools MCP is not connected, provide manual checklist:

Automatically validate implementations in real browsers after code is written or when user says "test this". Uses Chrome DevTools MCP to test responsive breakpoints (320px, 768px, 1024px), check accessibility compliance (WCAG AA contrast, keyboard navigation, ARIA), validate interactions, and generate detailed technical reports with file paths and specific fixes. Source: kanopi/cms-cultivator.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/kanopi/cms-cultivator --skill browser-validator
Category
</>Dev Tools
Verified
First Seen
2026-02-25
Updated
2026-03-11

Browse more skills from kanopi/cms-cultivator

Quick answers

What is browser-validator?

Automatically validate implementations in real browsers after code is written or when user says "test this". Uses Chrome DevTools MCP to test responsive breakpoints (320px, 768px, 1024px), check accessibility compliance (WCAG AA contrast, keyboard navigation, ARIA), validate interactions, and generate detailed technical reports with file paths and specific fixes. Source: kanopi/cms-cultivator.

How do I install browser-validator?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/kanopi/cms-cultivator --skill browser-validator Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/kanopi/cms-cultivator