penpot-document-handoff

Official

Streamline Penpot design handoff with annotations

Authorpenpot
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of comprehensive design handoff documentation, including annotations, notes, and tooltips, saving time and ensuring clear communication between designers and developers.

Core Features & Use Cases

  • Automated Annotations: Generates left context cards, numbered pins on UI regions, and matching note cards on the right.
  • Customization: Reuses existing annotation component kits and tokens, or proposes a minimal one if missing.
  • Use Case: Ideal for designers looking to create detailed handoff documentation for Penpot designs, ensuring developers have all the necessary information without altering the original design.

Quick Start

Run the penpot-document-handoff skill with the target design selected.

Dependency Matrix

Required Modules

penpot

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: penpot-document-handoff
Download link: https://github.com/penpot/penpot-ai-kit/archive/main.zip#penpot-document-handoff

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.