用途：将 Pencil .pen 文件中的设计转换为 React + Tailwind CSS 代码，适用于需要从设计稿生成组件代码的场景。
主要能力：提供节点到组件的映射（frame 转 div 并配合 flex/grid 类，text 转标题或段落，rectangle 转 div，ref 转 button 等），以及布局、尺寸、排版、颜色、圆角、效果等属性到 Tailwind 工具类的映射表；还包含变量转 tailwind.config.js 的示例和组件代码生成模式。
使用方式：先分析设计结构，调用 mcp__pencil__batch_get(filePath: "design.pen", nodeIds: ["targetNodeId"], readDepth: 5, resolveInstances: true, resolveVariables: true)；再提取变量，调用 mcp__pencil__get_variables(filePath: "design.pen")；然后按节点类型生成 React 组件，最后通过截图对比进行视觉验证。输出通常为单个 TSX 文件。
限制：资料未提供安装命令、收费信息、支持平台及实际效果说明；具体转换结果依赖设计文件结构与变量定义。