partme-ai/pencil-mcp-get-screenshot
skills/pencil-skills/pencil-mcp-get-screenshot/SKILL.md
Capture a visual screenshot of a specific node in a Pencil .pen file via the get_screenshot MCP tool. Use when the user explicitly mentions Pencil and needs to visually verify a design operation, check for alignment or spacing issues, or review a component after batch_design changes.
$ install --global
skillsauthnpx skillsauth add partme-ai/full-stack-skills pencil-mcp-get-screenshotInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 10, 2026, 9:01 AM36.2s5 files scanned
SKILL.md
- name:
- pencil-mcp-get-screenshot
- description:
- Capture a visual screenshot of a specific node in a Pencil .pen file via the get_screenshot MCP tool. Use when the user explicitly mentions Pencil and needs to visually verify a design operation, check for alignment or spacing issues, or review a component after batch_design changes.
- license:
- Complete terms in LICENSE.txt
Tools
This skill is designed to call the Pencil MCP tool:
get_screenshot
If your client namespaces MCP tools, it may appear as mcp__pencil__get_screenshot.
When to use this skill
Intent Recognition (CRITICAL)
Even if a trigger phrase matches, you must verify the user's intent:
- Is the user explicitly asking to use "Pencil"?
- Is the current conversation context clearly about "Pencil" design tasks?
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:
- You have completed a design operation (
batch_design) and need to verify the result in Pencil. - The user asks to "Show me" or "Take a look" at the Pencil design.
- You need to check for visual bugs (text overflow, alignment, contrast).
- This is the Verify step in the Design Loop.
Trigger phrases include:
- "Get Pencil screenshot" (获取 Pencil 截图)
- "Pencil visual check" (Pencil 视觉检查)
- "Verify Pencil design" (验证 Pencil 设计)
- "Show me the button in Pencil" (给我看 Pencil 里的那个按钮)
Input Parameters
filePath(string, optional): Path to access a specific.penfile.nodeId(string, required): The ID of the node to screenshot.
How to use this skill
- Identify Target: Get the
nodeIdof the element you just modified or created. - Call Tool:
get_screenshot(nodeId='...'). - Analyze Result:
- The tool returns an image URL or data.
- CRITICAL: You must "look" at the image (if capabilities allow) or present it to the user for feedback.
- Check for: Alignment, Spacing, Text Truncation, Color correctness.
Examples
1. Simple: Node Screenshot
Get a visual verification of a single element. See 1-node-screenshot.json.
2. Medium: Frame Verification
Screenshot a whole frame to check layout and composition. See 2-frame-verification.json.
3. Complex: Design System Check
Screenshot a component master to ensure the design system update looks correct. See 3-component-check.json.
Keywords
English keywords: get screenshot, visual verification, check design, view node, render image, visual audit
Chinese keywords (中文关键词): 获取截图, 视觉验证, 检查设计, 查看节点, 渲染图片, 视觉审计
Related Skills
partme-ai/uniapp-project
development
VerifiedTrustedCommunity
Provides per-component and per-API examples with cross-platform compatibility details for uni-app, covering built-in components, uni-ui components, and APIs (network, storage, device, UI, navigation, media). Use when the user needs official uni-app components or APIs, wants per-component examples with doc links, or needs platform compatibility checks.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-project-creator
tools
VerifiedTrustedCommunity
Creates new uni-app projects via the official CLI or HBuilderX with Vue 2/Vue 3 template selection, manifest.json and pages.json configuration, and directory structure setup. Use when the user wants to scaffold a new uni-app project, initialize project files with a single command, or set up the development environment.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-plugin
tools
VerifiedTrustedCommunity
Browses, installs, configures, and manages plugins from the uni-app plugin market (ext.dcloud.net.cn) including component plugins, API plugins, and template plugins with dependency handling. Use when the user needs to find and install uni-app plugins, configure plugin settings, manage plugin dependencies, or integrate third-party components.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-native-plugin
tools
VerifiedTrustedCommunity
Develops native Android and iOS plugins for uni-app including module creation, JavaScript-to-native communication, and plugin packaging for distribution. Use when the user needs to build custom native modules, extend uni-app with native capabilities (camera, Bluetooth, sensors), or create publishable native plugins.
456SKILL.mdUpdated Jun 4, 2026