用于通过 Pencil MCP 读取/修改 .pen 设计文件并校验布局。用户提到 pencil/.pen/设计稿编辑、需要列出工具或执行 batch_get/batch_design 时调用。
Langue du texte source : chinois
Menu
SkillsMP a collecté 28 skills depuis full-stack-skills/pencil-skills. Ouvrez un skill pour examiner sa source et ses détails.
Affichage de 28 skills collectés sur 28.
用于通过 Pencil MCP 读取/修改 .pen 设计文件并校验布局。用户提到 pencil/.pen/设计稿编辑、需要列出工具或执行 batch_get/batch_design 时调用。
Langue du texte source : chinois
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,…
Langue du texte source : anglais
Batch execute design changes. The Agent's 'Hands'. Core capability for inserting, updating, moving, or deleting nodes.
Langue du texte source : anglais
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.
Langue du texte source : anglais
Smartly find empty canvas space. Use to automatically plan artboard placement to avoid overlap and keep the canvas organized.
Langue du texte source : anglais
Get current design environment context. Use when you need to understand what is currently selected, canvas position, and environment state before any task.
Langue du texte source : anglais
Get design system guidelines. Use to read and understand specifications e.g. Material Design iOS HIG or custom specs before designing.
Langue du texte source : anglais
Get node visual screenshot. Visual Verification. Use to capture screenshots after operations to verify if the design meets expectations.
Langue du texte source : anglais
Get specific style detailed definitions. Use to get metadata for a specific style, including palettes, typography rules, etc.
Langue du texte source : anglais
Explore design style tags. Use to get design inspiration, such as 'Modern', 'Dark Mode', 'SaaS' directions.
Langue du texte source : anglais
Read design variables Tokens . Use to get Design Tokens color font variables defined in the current document to ensure consistency.
Langue du texte source : anglais
Open or create a design document. Use when you need to initialize design tasks, create new files, or switch to specific designs.
Langue du texte source : anglais
Global property batch replace. Use for global style adjustment, e.g., 'Replace all red backgrounds with brand blue'.
Langue du texte source : anglais
Global property search. Use for design audit, e.g., 'Find all nodes using red background
Langue du texte source : anglais
Set or update design variables. Use to establish or maintain a Design Token system.
Langue du texte source : anglais
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.
Langue du texte source : anglais
Translates vague user requirements into an action-level PENCIL_PLAN sequence of Pencil MCP tool calls . Does not execute; outputs the plan only.
Langue du texte source : anglais
Initialize Ant Design. design system components in Pencil variables and component overview.
Langue du texte source : anglais
Initialize Bootstrap. design system components in Pencil variables and component overview.
Langue du texte source : anglais
Initialize ECharts. design system components chart placeholders and data-viz tokens in Pencil.
Langue du texte source : anglais
Initialize Element Plus. design system components in Pencil variables and component overview.
Langue du texte source : anglais
Initialize Layui. design system components in Pencil variables and component overview.
Langue du texte source : anglais
Initialize uCharts. design system components chart placeholders and data-viz tokens in Pencil.
Langue du texte source : anglais
Initialize uView 2.x . design system components in Pencil variables and component overview.
Langue du texte source : anglais
Initialize uView Pro. design system components in Pencil variables and component overview.
Langue du texte source : anglais
Initialize Vant. design system components in Pencil variables and component overview.
Langue du texte source : anglais
The Pencil Orchestrator. Handles the flow of initializing Design System Components based on requirements.
Langue du texte source : anglais
Get page layout structure snapshot. Use when you need to understand the current page's DOM-like tree structure to prepare for layout adjustments.
Langue du texte source : Plusieurs langues