github/penpot-mcp
1
0
Fork 0
mirror of https://github.com/penpot/penpot-mcp.git synced 2026-04-25 11:18:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add small section on revising designs, minor reordering #26

Browse Source
This commit is contained in:
Dominik Jain 2026-01-15 17:55:35 +01:00
parent 892098d63e
commit 45f8c9b1df
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
mcp-server/data/prompts.yml
View File

@ -15,7 +15,7 @@ initial_instructions: |
directly in the connected project. directly in the connected project.
VERY IMPORTANT: When writing code, NEVER LOG INFORMATION YOU ARE ALSO RETURNING. It would duplicate the information you receive! VERY IMPORTANT: When writing code, NEVER LOG INFORMATION YOU ARE ALSO RETURNING. It would duplicate the information you receive!
To execute code correctly, you need to understand the Penpot Plugin API. You can retrieve API documentation via To execute code correctly, you need to understand the Penpot Plugin API. You can retrieve API documentation via
the `penpot_api_info` tool. the `penpot_api_info` tool.
@ -79,10 +79,6 @@ initial_instructions: |
`ImageData` object, i.e. the `fills` property of of a shape (e.g. a `Rectangle`) will contain a fill where `fillImage` is set. `ImageData` object, i.e. the `fills` property of of a shape (e.g. a `Rectangle`) will contain a fill where `fillImage` is set.
Use the `export_shape` and `import_image` tools to export and import images. Use the `export_shape` and `import_image` tools to export and import images.
# Visual Inspection of Designs
For many tasks, it can be critical to visually inspect the design. Remember to use the `export_shape` tool for this purpose!
# Layout Systems # Layout Systems
Boards can have layout systems that automatically control the positioning and spacing of their children: Boards can have layout systems that automatically control the positioning and spacing of their children:
@ -178,6 +174,17 @@ initial_instructions: |
return !penpotUtils.isContainedIn(shape, root) ? 'outside-bounds' : null; return !penpotUtils.isContainedIn(shape, root) ? 'outside-bounds' : null;
}); });
# Visual Inspection of Designs
For many tasks, it can be critical to visually inspect the design. Remember to use the `export_shape` tool for this purpose!
# Revising Designs
* Before applying design changes, ask: "Would a designer consider this appropriate?"
* When dealing with containment issues, ask: Is the parent too small OR is the child too large?
Container sizes are usually intentional, check content first.
* Check for reasonable font sizes and typefaces
# Asset Libraries # Asset Libraries
Libraries in Penpot are collections of reusable design assets (components, colors, and typographies) that can be shared across files. Libraries in Penpot are collections of reusable design assets (components, colors, and typographies) that can be shared across files.