penpot-component-factory
OfficialAutomate component creation and maintenance in Penpot
Authorpenpot
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation and maintenance of Penpot components, ensuring full variant matrices and tokenized design systems.
Core Features & Use Cases
- Component Creation: Build complete variant matrices for interactive components with all states and sizes.
- Variant Management: Add, remove, and manage variants within a component.
- Tokenization: Ensure all design values are tokenized for consistent theming and governance.
- Use Case: Use this Skill to create a button component with all its states and sizes, ensuring it's fully tokenized and correctly named.
Quick Start
Create a new button component with variants by running the penpot-component-factory skill and providing the necessary design system and token information.
Dependency Matrix
Required Modules
shared/penpot-mcp-tool-reference.mdshared/plugin-api-gotchas.mdshared/tokens-schema.jsonshared/naming-conventions.mdshared/state-management.mdshared/modes-and-policies.mdshared/visual-self-review.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-component-factory Download link: https://github.com/penpot/penpot-ai-kit/archive/main.zip#penpot-component-factory Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.