partme-ai/pencil-mcp-find-empty-space-on-canvas
skills/pencil-skills/pencil-mcp-find-empty-space-on-canvas/SKILL.md
Smartly find empty canvas space. Use to automatically plan artboard placement to avoid overlap and keep the canvas organized.
$ install --global
skillsauthnpx skillsauth add partme-ai/full-stack-skills pencil-mcp-find-empty-space-on-canvasInstall 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:00 AM68.5s5 files scanned
SKILL.md
- name:
- pencil-mcp-find-empty-space-on-canvas
- description:
- Smartly find empty canvas space. Use to automatically plan artboard placement to avoid overlap and keep the canvas organized.
- license:
- Complete terms in LICENSE.txt
Tools
This skill is designed to call the Pencil MCP tool:
find_empty_space_on_canvas
If your client namespaces MCP tools, it may appear as mcp__pencil__find_empty_space_on_canvas.
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.
CRITICAL PREREQUISITE: You must ONLY use this skill when the user EXPLICITLY mentions "Pencil".
ALWAYS use this skill when:
- You are about to insert a new Frame or Artboard in Pencil.
- You want to ensure the new element doesn't overlap with existing work on the Pencil canvas.
- You need to organize the canvas.
Trigger phrases include:
- "Find space for new screen in Pencil" (为 Pencil 新页面找位置)
- "Where can I draw in Pencil?" (我在 Pencil 哪里画？)
- "Pencil avoid overlap" (Pencil 避免重叠)
Input Parameters
width(number, required): The width of the required space.height(number, required): The height of the required space.direction(string, optional): Search direction relative to node (e.g., "RIGHT", "BOTTOM").nodeId(string, optional): Starting reference node. If omitted, searches around entire canvas content.padding(number, optional): Minimum padding distance (default: 100).
How to use this skill
- Estimate Size: Determine the size of the element you plan to create.
- Call Tool:
find_empty_space_on_canvas(width=..., height=...). - Use Result: The tool returns
{x, y}coordinates. Use these coordinates in your subsequentbatch_designcall to insert the Frame.
Examples
1. Simple: Find Any Space
Find a spot for a small element (e.g., 100x100). See 1-find-any.json.
2. Medium: Place Next to Node
Find space to the right of an existing frame. See 2-place-next-to.json.
3. Complex: Organized Layout
Find space for a large dashboard with ample padding below the header section. See 3-organized-layout.json.
Keywords
English keywords: find space, empty canvas, layout planning, avoid overlap, next to node, smart placement
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