Skills
.Work. You
Rest

vlmkit

Community

Visual-regression toolkit for CSS/HTML audits.

Software Engineering#frontend-testing#design-token#visual-diff#a11y-audit#vlmkit#markup-synthesis
Authormizchi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Visual-regression and frontend-audit workflows for components often require coordinating multiple tools, manual comparisons, and drift detection across viewports.

Core Features & Use Cases

  • VLM-driven visual diffs across baselines and variants with per-viewport analysis
  • Markup synthesis from screenshots to propose HTML/CSS repairs or updates
  • Design-token/a11y/i18n audits to enforce consistency and accessibility standards
  • A two-stage VLM + LLM CSS auto-repair loop for iterative fixes during development and PR review

Quick Start

Install vlmkit and run vlmkit diff html <baseline> <variant> to see visual differences.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vlmkit
Download link: https://github.com/mizchi/skills/archive/main.zip#vlmkit

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.