skills.rest
Pascapone
PascaponeCOMMUNITY
Explore all skills by this author →
GitHub

web-annotations

Annotate live web pages and send structured feedback to Pibo Sessions.

2|2|Updated Apr 27, 2026
Search Tags:#code review#collaboration#structured feedback#web annotation#design collaboration
One-click install
npx skills add https://github.com/Pascapone/pibo --skill web-annotations
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-annotations
Source: https://github.com/Pascapone/pibo/tree/main/skills/builtin/web-annotations
Command: npx skills add https://github.com/Pascapone/pibo --skill web-annotations

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Web Annotations helps streamline collaborative feedback and review sessions by allowing users to mark elements on live web pages and send structured feedback to Pibo Sessions.

Core Features & Use Cases

  • Live Web Page Annotation: Click elements or place pins on web pages and write notes.
  • Session-Scope Storage: Annotations are stored session-scoped and can be attached to messages.
  • Agent Tools: Access tools for listing, inspecting, acknowledging, resolving, and dismissing annotations.
  • Use Case: Ideal for code reviews, design collaborations, or any scenario where team members need to provide precise feedback on web content.

Quick Start

Open Web Annotations in Chat Web, annotate the page, and submit your feedback to the current Pibo Session.

Frequently Asked Questions about web-annotations

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I annotate live web pages for collaborative code review?▼

To annotate live web pages for collaborative code review, you can click elements or place pins directly on web pages and write structured feedback notes within Pibo Sessions.

What is structured web annotation and how does it work in a review session?▼

Structured web annotation is the process of marking elements on live web pages and sharing feedback. It works by storing annotations session-scoped, allowing team members to inspect, acknowledge, or resolve them.

Do I need a specific browser to use live web page annotation?▼

Yes, you need a CDP-enabled browser to use live web page annotation. The feature is designed for interactive session-based use cases and requires this environment to function properly.

Can I use web annotation for design collaboration and feedback?▼

Yes, you can use web annotation for design collaboration. It allows team members to provide precise feedback on web content by placing pins and writing notes directly on live pages.

What's the best way to manage and resolve annotations during a session?▼

The best way to manage annotations during a session is by using dedicated agent tools to list, inspect, acknowledge, resolve, or dismiss annotations, ensuring structured feedback is tracked.

Are web annotations stored permanently or scoped to a single session?▼

Web annotations are scoped to a single session. They are stored session-scoped and can be attached to messages, making them ideal for interactive code reviews and design discussions.

Related Skills

Explore More Software Engineering Skills→
untangledfinanceuntangledfinance

chrome-devtools

Automate browser testing and debugging with Puppeteer CLI scripts for Chromium-based browsers.

Official
Advanced
angadhnangadhn
19

review-doc

Convert markdown sources into interactive HTML documents with comment and export features.

Community
Intermediate
NagyViktNagyVikt
2

agentation

Integrate the Agentation annotation framework into React applications with MCP server synchronization.

Community
Intermediate
JoaquinCampoJoaquinCampo
3

browser-use

Automate browser interactions for navigation, element interaction, and data extraction.

Community
Intermediate