Penpot
Official@penpot · Madrid
Full-stack design
Agent Skills by Penpot
Showing 32 vetted skills indexed across 2 GitHub repositories.
penpotcreate-issue
Creates or updates GitHub issues from PRs, draft bodies, or retitling workflows.
penpotcreate-commit
Stage, review, and commit files following Penpot commit message conventions.
penpotrefine-prompt
Rewrites user-supplied prompts into clearer, structured versions using prompt-engineering best practices.
penpotplanner
Generates structured implementation plans for Penpot features through read-only architecture analysis.
penpotcode-review
Reviews code changes across correctness, readability, architecture, security, and performance axes.
penpotste
Rewrites prose to comply with ASD-STE100 Simplified Technical English rules.
penpottesting
Enforces TDD workflow and testing conventions for Penpot feature and bug-fix development.
penpotsecurity-and-hardening
Hardens web application code against OWASP vulnerabilities through threat modeling and defensive patterns.
penpotplan-review
Reviews implementation plans for completeness, task quality, sequencing, and actionability.
penpotpenpot-rename-layers
Rename Penpot layers to semantic HTML element or kebab-case role names.
penpotpenpot-migrate
Convert Figma designs to Penpot while preserving layout, components, and design tokens.
penpotpenpot-design-md
Extract design system specifications from Penpot files into markdown.
penpotpenpot-document-handoff
Automate Penpot design handoff documentation with annotations, context cards, and notes.
penpotpenpot-build-from-code
Convert JSX/TSX, HTML, Vue/Svelte, and CSS code into Penpot designs with semantic tokens.
penpotpenpot-foundations
Manage and infer token systems for Penpot design foundations.
penpotpenpot-audit-tokens
Audit Penpot designs for token governance issues and generate severity reports.
penpotpenpot-component-factory
Automate Penpot component creation with variant matrices and tokenized design systems.
penpotpenpot-design-to-code-review
Compare Penpot designs with implemented code and generate DRIFT reports.
penpotpenpot-build-screen
Automates screen-by-screen design in apps using your own code and data.
penpotpenpot-audit-accessibility
Audit Penpot designs for WCAG 2.1/2.2 AA accessibility compliance.
penpotpenpot-router
Route Penpot user requests to designated workflows or skills.
penpottaiga
Fetches Taiga public API data for specified URLs or type/refs as JSON.
penpotfd-find
Search files by name with gitignore-aware fd tool.
penpotbat-cat
View code files in the terminal with syntax highlighting, line numbers, and Git integration.
Frequently Asked Questions About Penpot
FAQPage SchemaWhat specific design tasks can be performed using these capabilities?▼
You can perform automated design-to-code drift analysis, migrate legacy design files, audit token governance, generate accessibility compliance reports, and convert frontend code components directly into design system elements.
Which personas benefit most from these technical capabilities?▼
These capabilities are designed for frontend engineers, design system architects, and UI/UX designers who require strict synchronization between visual design files and production codebases.
What are the prerequisites for implementing these design-to-code features?▼
Implementation requires an existing Penpot environment, access to your repository's design tokens, and a structured codebase using standard frameworks like React, Vue, or Svelte for accurate drift reporting.