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