teachingai/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 teachingai/agent-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
teachingai/nextjs
development
VerifiedTrustedCommunity
Guidance for Next.js using the official docs at nextjs.org/docs. Use when the user needs Next.js concepts, configuration, routing, data fetching, or API reference details.
284SKILL.mdUpdated Apr 14, 2026
teachingai/flask
tools
VerifiedTrustedCommunity
Provides comprehensive guidance for Flask framework including routing, templates, forms, database integration, extensions, and deployment. Use when the user asks about Flask, needs to create web applications, implement routes, or build Python web services.
284SKILL.mdUpdated Apr 14, 2026
teachingai/fastapi
development
VerifiedTrustedCommunity
Provides comprehensive guidance for FastAPI framework including routing, request validation, dependency injection, async operations, OpenAPI documentation, and database integration. Use when the user asks about FastAPI, needs to create REST APIs, or build high-performance Python web services.
284SKILL.mdUpdated Apr 14, 2026
teachingai/django
development
VerifiedTrustedCommunity
Provides comprehensive guidance for Django framework including models, views, templates, forms, admin, REST framework, and deployment. Use when the user asks about Django, needs to create web applications, implement models and views, or build Django REST APIs.
284SKILL.mdUpdated Apr 14, 2026