Skills
.Work. You
Rest

pi-annotate

Community

Capture screenshot-aware notes that drive fixes.

Design & Creative#debugging#ui review#annotation#implementation tasks#screenshot notes#element-level feedback
Authorpanamini
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It helps you turn what you see on a page into structured, element-level feedback that can be acted on quickly.

Core Features & Use Cases

  • Visual annotation overlay: Annotate directly on the rendered page to collect screenshot-aware notes.
  • Structured findings handoff: Pass element-level observations into implementation tasks to reduce back-and-forth.
  • Common use case: When reviewing a UI screen, capture the exact spots that need change and convert them into actionable fix instructions.

Quick Start

Run /annotate to start the annotation overlay, then record your structured element-level notes for the page you are reviewing.

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: pi-annotate
Download link: https://github.com/panamini/pi-tooling/archive/main.zip#pi-annotate

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