Design
pencil-mcp-get-screenshot
Get node visual screenshot. Visual Verification. Use to capture screenshots after operations to verify if the design meets expectations.
Get node visual screenshot. Visual Verification. Use to capture screenshots after operations to verify if the design meets expectations.
This skill is designed to call the Pencil MCP tool:
get_screenshotIf your client namespaces MCP tools, it may appear as mcp__pencil__get_screenshot.
Even if a trigger phrase matches, you must verify the user's intent:
If the answer is NO, do NOT use this skill. (e.g., "Get screenshot" might refer to a browser screenshot via Puppeteer).
CRITICAL PREREQUISITE: You must ONLY use this skill when the user EXPLICITLY mentions "Pencil".
ALWAYS use this skill when:
batch_design) and need to verify the result in Pencil.Trigger phrases include:
filePath (string, optional): Path to access a specific .pen file.nodeId (string, required): The ID of the node to screenshot.nodeId of the element you just modified or created.get_screenshot(nodeId='...').Get a visual verification of a single element. See 1-node-screenshot.json.
Screenshot a whole frame to check layout and composition. See 2-frame-verification.json.
Screenshot a component master to ensure the design system update looks correct. See 3-component-check.json.
English keywords: get screenshot, visual verification, check design, view node, render image, visual audit
Chinese keywords (中文关键词): 获取截图, 视觉验证, 检查设计, 查看节点, 渲染图片, 视觉审计
确保开发环境已安装必要的依赖和工具。
根据项目需求进行基础配置。
按照示例代码实现核心功能。
运行测试确保功能正常。
完成开发后进行部署和监控。