Ryan Lingle ryan-lingle

name	annotate
description	Add annotation capabilities to any HTML planning doc. Inject click-to-annotate UI so the user can leave feedback on any element (text, images, tables, code blocks). User pastes copied annotations back to Claude for review.
allowed-tools	Read, Edit, Bash
version	1.0.0

Annotate Skill

Add inline annotation capabilities to any HTML document so the user can click on any element (paragraphs, images, headings, table cells, code blocks) to leave feedback, then paste all annotations back to Claude.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>The Shroud of Turin</title>
	<meta name="description" content="A comprehensive examination of the evidence for and against the authenticity of the Shroud of Turin.">
	<meta property="og:title" content="The Shroud of Turin">
	<meta property="og:description" content="After 600,000 hours of scientific study, nobody can tell you how the image got there.">
	<meta property="og:type" content="article">

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>O-1668: VIP Room Shared Add-On — Architecture Briefing</title>
	<style>
	:root {
	--bg: #0d1117;
	--surface: #161b22;

	function sudokuSolver(n, t) {
	let start = t;
	let count = n;
	const tableIndex = buildTableIndexes();

	let table = [];
	document.querySelectorAll("#puzzle_grid tr").forEach((row) => {
	let cells = [];
	for (var i = 0; i < row.cells.length; i++) {
	cells.push(row.cells[i])