annotate-ui

Community

Effortlessly annotate UI for feedback and analysis

Authorwilliamw
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps streamline the process of providing visual feedback on user interfaces by allowing users to draw boxes and comments on running pages. It also enables the ingestion of annotations submitted in a zip file, facilitating the review and implementation of changes.

Core Features & Use Cases

  • Visual Feedback: Annotate running pages with boxes and comments.
  • Annotation Ingestion: Process annotations submitted in a zip file.
  • Use Case: A designer can use this Skill to annotate a webpage, indicating areas that need improvement. The annotations can then be processed and implemented by developers.

Quick Start

Annotate the home page of your app with feedback on the UI elements.

Dependency Matrix

Required Modules

@playwright/cli

Components

scriptsreferences

💻 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: annotate-ui
Download link: https://github.com/williamw/agent-skills/archive/main.zip#annotate-ui

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