共 632 个技能可用
When you need to turn Stitch page HTML (or a Stitch URL) into a Pencil .pen design. Parses DOM and Tailwind, applies HTML→Pencil mapping and execution order, outputs sequential batch_design for layout and style fidelity (background, color, size, margin, padding, shadow). Supports multi-framework tokens.
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.
Smartly find empty canvas space. Use to automatically plan artboard placement to avoid overlap and keep the canvas organized.
Get current design environment context. Use when you need to understand what is currently selected, canvas position, and environment state before any task.
Get design system guidelines. Use to read and understand specifications e.g. Material Design iOS HIG or custom specs before designing.
Get node visual screenshot. Visual Verification. Use to capture screenshots after operations to verify if the design meets expectations.
Global property batch replace. Use for global style adjustment, e.g., 'Replace all red backgrounds with brand blue'.
Global property search. Use for design audit, e.g., 'Find all nodes using red background #FF0000 '.
Set or update design variables. Use to establish or maintain a Design Token system.
Get page layout structure snapshot. Use when you need to understand the current page's DOM-like tree structure to prepare for layout adjustments.
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.
The Pencil Orchestrator. Handles the flow of initializing Design System Components based on requirements.