Angelo Dini, Switzerland. Head of Product at Divio, co-founder of devguard.

claude-annotate

Draw on the page. Claude fixes the code.

Repository

P-G

03Chip P-G of part 03, the main board, taken apart.

  1. Send: every mark lands in the Claude Code session
  2. Pens, arrows, boxes and numbered notes
  3. Your running localhost site

A Claude Code plugin. Mark up your running localhost site in the browser with pens, arrows, boxes and numbered notes, press Send, and every mark lands in the session that opened the page, with the element, its React component and source line, and a screenshot under each one. Progress comes back onto the page as Claude works. Local only, no cloud.

Writing about it

072Develop · · 15 min

Writing Skills for Claude Code

How skills work in Claude Code: the SKILL.md format, frontmatter fields, arguments, live shell injection, subagents, and where the whole idea falls down.