pencil-mcp-find-empty-space-on-canvas
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 (中文关键词): 查找空白, 空画布, 布局规划, 避免重叠, 节点旁, 智能放置
More from partme-ai/pencil-skills
pencil
用于通过 Pencil MCP 读取/修改 .pen 设计文件并校验布局。用户提到 pencil/.pen/设计稿编辑、需要列出工具或执行 batch_get/batch_design 时调用。
1pencil-mcp-search-all-unique-properties
Global property search. Use for design audit, e.g., 'Find all nodes using red background #FF0000 '.
1pencil-mcp-batch-get
Batch search and read node information. The Agent's 'Eyes'. Use to find specific components e.g. all nodes named 'Button' or get child structure within a container.
1pencil-ui-designer
The Pencil Orchestrator. Handles the flow of initializing Design System Components based on requirements.
1pencil-mcp-batch-design
Batch execute design changes. The Agent's 'Hands'. Core capability for inserting, updating, moving, or deleting nodes.
1pencil-skill-creator
Factory skill for creating new pencil-ui-design-system-* skills. Use when you need to add support for a new design system layui antd bootstrap element uview uviewpro vant ucharts echarts etc. to the Pencil ecosystem.
1