trim-design

Generate an initial Penpot design from product context and PRDs.

Updated Mar 26, 2026
One-click install
npx skills add https://github.com/yoshisada/ai-repo-template --skill trim-design
Or copy as Structured Prompt for Agent
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.