trim-design

Name: trim-design
Availability: InStock
Author: yoshisada

Generate an initial Penpot design from product context and PRDs.

Updated Mar 26, 2026

Search Tags:#workflow #design #mcp #prd #component-library #trim #penpot

Ready to run

npx skills add https://github.com/yoshisada/ai-repo-template --skill trim-design

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: trim-design
Source: https://github.com/yoshisada/ai-repo-template/tree/main/plugin-trim/skills/trim-design
Command: npx skills add https://github.com/yoshisada/ai-repo-template --skill trim-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate an initial Penpot design from product context, including PRDs, component libraries, and project conventions.

Core Features & Use Cases

Reuses existing library components where appropriate
Applies project visual conventions
Produces a complete Penpot design ready for review

Quick Start

Provide a product context or PRD and let trim-design generate the initial Penpot design via MCP.

Frequently Asked Questions about trim-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate an initial Penpot design from a PRD?▼

You can generate a Penpot design from a PRD by providing product context to an automated generation tool. It applies PRDs, component libraries, and project conventions via MCP tooling to output a complete visual layout for review.

Can I reuse existing component libraries when generating Penpot designs?▼

Yes, you can reuse existing component libraries when generating Penpot designs. The generation process specifically applies your component libraries and project conventions to ensure the output reuses existing components appropriately.

Do I need MCP tooling to automate Penpot design generation from product context?▼

Yes, you need MCP tooling to automate Penpot design generation from product context. MCP tooling is required to read PRDs, mappings, and product context and output the generated designs, updated mappings, and discovered flows.

How does applying project visual conventions affect generated Penpot layouts?▼

Applying project visual conventions ensures generated Penpot layouts follow established visual standards. The generation process reads these conventions alongside PRDs and component libraries to produce a compliant design ready for immediate review.

What outputs are produced when automating Penpot design from product context?▼

Automating Penpot design from product context outputs generated designs, updated mappings, and discovered flows. It reads PRDs and component libraries to produce a complete design that reuses existing components and follows visual conventions.