Skip to main content

full-stack-skills/pencil-skills

SkillsMP a collecté 28 skills depuis full-stack-skills/pencil-skills. Ouvrez un skill pour examiner sa source et ses détails.

Dernière activité source enregistrée
Catalogue SkillsMP mis à jour
skills collectés
28
Étoiles GitHub
1
Forks GitHub
1

Skills dans ce dépôt

classification en attente

Affichage de 28 skills collectés sur 28.

métier
non classé
description

用于通过 Pencil MCP 读取/修改 .pen 设计文件并校验布局。用户提到 pencil/.pen/设计稿编辑、需要列出工具或执行 batch_get/batch_design 时调用。

Langue du texte source : chinois

mis à jour
métier
non classé
description

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

mis à jour
métier
non classé
description

Batch execute design changes. The Agent's 'Hands'. Core capability for inserting, updating, moving, or deleting nodes.

Langue du texte source : anglais

mis à jour
métier
non classé
description

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

mis à jour
métier
non classé
description

Smartly find empty canvas space. Use to automatically plan artboard placement to avoid overlap and keep the canvas organized.

Langue du texte source : anglais

mis à jour
métier
non classé
description

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

mis à jour
métier
non classé
description

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

mis à jour
métier
non classé
description

Get node visual screenshot. Visual Verification. Use to capture screenshots after operations to verify if the design meets expectations.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Get specific style detailed definitions. Use to get metadata for a specific style, including palettes, typography rules, etc.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Explore design style tags. Use to get design inspiration, such as 'Modern', 'Dark Mode', 'SaaS' directions.

Langue du texte source : anglais

mis à jour
métier
non classé
description

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

mis à jour
métier
non classé
description

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

mis à jour
métier
non classé
description

Global property batch replace. Use for global style adjustment, e.g., 'Replace all red backgrounds with brand blue'.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Global property search. Use for design audit, e.g., 'Find all nodes using red background

Langue du texte source : anglais

mis à jour
métier
non classé
description

Set or update design variables. Use to establish or maintain a Design Token system.

Langue du texte source : anglais

mis à jour
métier
non classé
description

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

mis à jour
métier
non classé
description

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

mis à jour
métier
non classé
description

Initialize Ant Design. design system components in Pencil variables and component overview.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Initialize Bootstrap. design system components in Pencil variables and component overview.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Initialize ECharts. design system components chart placeholders and data-viz tokens in Pencil.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Initialize Element Plus. design system components in Pencil variables and component overview.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Initialize Layui. design system components in Pencil variables and component overview.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Initialize uCharts. design system components chart placeholders and data-viz tokens in Pencil.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Initialize uView 2.x . design system components in Pencil variables and component overview.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Initialize uView Pro. design system components in Pencil variables and component overview.

Langue du texte source : anglais

mis à jour
métier
non classé
description

Initialize Vant. design system components in Pencil variables and component overview.

Langue du texte source : anglais

mis à jour
métier
non classé
description

The Pencil Orchestrator. Handles the flow of initializing Design System Components based on requirements.

Langue du texte source : anglais

mis à jour
métier
non classé
description

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

mis à jour
Affichage de 28 skills collectés sur 28.