penpot-document-handoff

Automate design handoff documentation in Penpot by running the skill to generate context cards, numbered UI pins, and matching notes incrementally without altering the original design.

The best way to add annotations for developer handoff is to generate left context cards and right note cards with numbered pins, reusing existing annotation component kits and tokens.

You do not need a specific library; the skill reuses existing annotation component kits and tokens in Penpot, or proposes a minimal one if missing.

Incremental annotation layer creation maintains design integrity by adding documentation layers separately, ensuring the original UI design remains unaltered during the handoff process.

You can customize note cards and tooltips by applying your existing Penpot tokens for annotation styling, ensuring the handoff documentation matches your design system.

The skill proposes a minimal component kit when missing to ensure automated annotations, context cards, and notes can be generated immediately without blocking the design handoff process.