Skills
.Work. You
Rest

visual-iteration

Community

Automated visual polish for web UI.

Design & Creative#playwright#web-design#visual-testing#design-feedback#ui-polish#visual-iteration
AuthorKhamel83
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Visually polish and refine web UI by running an automated, self-scoring iteration loop that guides design improvements and evaluates visual quality.

Core Features & Use Cases

  • Automated, self-scoring visual iteration loop that continuously evaluates UI changes against predefined criteria.
  • Requires Playwright MCP server configuration, a running dev server, and a clearly identified target page or component to screenshot.
  • Tracks iteration history and reports scores and changes to guide incremental polish and design decisions.

Quick Start

Start the visual iteration loop on the target page by ensuring Playwright MCP is available, the dev server is running, and the target page is ready.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: visual-iteration
Download link: https://github.com/Khamel83/oneshot/archive/main.zip#visual-iteration

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 223,000+ vetted skills library on demand.