penpot-document-handoff

Installation
SKILL.md

penpot-document-handoff — design → annotated handoff

1. Title + How it works

penpot-document-handoff turns a finished (or in-progress) design into a self-explaining handoff: a context card to its left (the "How might we" goal, business rules, links, designer(s), status, feedback wanted / not wanted), numbered pins on the UI regions, matching observation / recommendation note cards to its right, and optional tooltips for transient states — every annotation living in one hideable group so reviewers can toggle back to the clean design with one click. It reuses an existing annotation component kit + annotation.* tokens when present and proposes a minimal one (human-approved) when missing. Every mutation goes through execute_code; validate visually with export_shape; read structure with penpotUtils.shapeStructure (full tool surface: shared/penpot-mcp-tool-reference.md). It first discovers the target design + any existing annotation component kit and tokens, then builds the annotation layer incrementally — one annotation per call — strictly as a sibling layer, never editing the design itself.

Installs
98
GitHub Stars
97
First Seen
Jul 9, 2026