penpot-rename-layers

Official

Automate semantic layer renaming in Penpot files

Authorpenpot
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of maintaining clean, semantically meaningful layer names in Penpot files, which is essential for accessibility, code review, and handoff processes.

Core Features & Use Cases

  • Semantic Renaming: Automatically rename Penpot layers to semantic HTML element names or kebab-case role names.
  • Layer Inventory: Builds a comprehensive inventory of all layers, classifying them as auto-generated, semantic, or custom.
  • Batch Renaming: Performs renaming in small, validated batches to avoid errors and ensure accuracy.
  • Use Case: A designer working on a Penpot file can use this Skill to quickly rename all auto-generated layer names to standard semantic names, preparing the file for code generation or accessibility checks.

Quick Start

Use the penpot-rename-layers skill to rename all auto-generated layer names to semantic names in the current Penpot file.

Dependency Matrix

Required Modules

penpot-mcp-tool-reference.mdplugin-api-gotchas.mdtokens-schema.jsonnaming-conventions.mdstate-management.mdmodes-and-policies.md

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-rename-layers
Download link: https://github.com/penpot/penpot-ai-kit/archive/main.zip#penpot-rename-layers

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.