Pencil Renderer

Translate aesthetic DNA codes into Pencil .pen frames via MCP.

Interface

Input:

• DNA code: [layout, color, typography, motion, density, background]
• Component type: hero | card | form | nav | footer | section | button | input
• Optional: Name, dimensions, parent frame ID

Output:

• Frame ID in .pen file
• Screenshot of rendered frame

Workflow

1. Ensure Document Ready