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/full-stack-skills
element-plus-vue3
Provides comprehensive guidance for Element Plus Vue 3 component library including installation, components, themes, internationalization, and API reference. Use when the user asks about Element Plus for Vue 3, needs to build Vue 3 applications with Element Plus, or customize component styles.
63vue3
Guidance for Vue 3 using the official guide and API reference. Use when the user needs Vue 3 concepts, patterns, or API details to build components, apps, and tooling.
54electron
Build cross-platform desktop applications with Electron, covering main/renderer process architecture, IPC communication, BrowserWindow management, menus, tray icons, packaging, and security best practices. Use when the user asks about Electron, needs to create desktop applications, implement Electron features, or build cross-platform desktop apps.
51ascii-terminal-animation-pack
Plan and generate terminal ASCII animations/screensaver-style output (FPS, refresh rules, loop policy, low-flicker guidance), with a static poster frame and an optional local demo script.
34ant-design-vue
Provides comprehensive guidance for Ant Design Vue (AntDV) component library for Vue 3. Covers installation, usage, API reference, templates, and all component categories. Use when building enterprise-class UI with Vue 3 and Ant Design.
33spring-boot
Provides comprehensive guidance for Spring Boot development including project creation, auto-configuration, dependency injection, web development, data access, security, testing, and deployment. Use when the user asks about Spring Boot, needs to create Spring Boot applications, configure Spring Boot, or implement Spring Boot features.
31