职业分类
未分类
描述
用于通过 Pencil MCP 读取/修改 .pen 设计文件并校验布局。用户提到 pencil/.pen/设计稿编辑、需要列出工具或执行 batch_get/batch_design 时调用。
更新
full-stack-skills/pencil-skills
SkillsMP 已收集 full-stack-skills/pencil-skills 中的 28 个 Skill。打开任一 Skill 可查看来源和详情。
- 最近记录的来源活动
- SkillsMP 收录数据更新
- 已收集 skills
- 28
- GitHub 星标
- 1
- GitHub Forks
- 1
这个仓库中的 skills
职业分类待补全
已展示 28 / 28 个已收集 Skill。
skill
职业分类
描述
更新
职业分类
未分类
描述
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,…
原文语言：英语
更新
职业分类
未分类
描述
Batch execute design changes. The Agent's 'Hands'. Core capability for inserting, updating, moving, or deleting nodes.
原文语言：英语
更新
职业分类
未分类
描述
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.
原文语言：英语
更新
职业分类
未分类
描述
Get specific style detailed definitions. Use to get metadata for a specific style, including palettes, typography rules, etc.
原文语言：英语
更新
职业分类
未分类
描述
Explore design style tags. Use to get design inspiration, such as 'Modern', 'Dark Mode', 'SaaS' directions.
原文语言：英语
更新
职业分类
未分类
描述
Read design variables Tokens . Use to get Design Tokens color font variables defined in the current document to ensure consistency.
原文语言：英语
更新
职业分类
未分类
描述
Open or create a design document. Use when you need to initialize design tasks, create new files, or switch to specific designs.
原文语言：英语
更新
职业分类
未分类
描述
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
原文语言：英语
更新
职业分类
未分类
描述
Set or update design variables. Use to establish or maintain a Design Token system.
原文语言：英语
更新
职业分类
未分类
描述
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.
原文语言：英语
更新
职业分类
未分类
描述
Translates vague user requirements into an action-level PENCIL_PLAN sequence of Pencil MCP tool calls . Does not execute; outputs the plan only.
原文语言：英语
更新
职业分类
未分类
描述
Initialize Ant Design. design system components in Pencil variables and component overview.
原文语言：英语
更新
职业分类
未分类
描述
Initialize Bootstrap. design system components in Pencil variables and component overview.
原文语言：英语
更新
职业分类
未分类
描述
Initialize ECharts. design system components chart placeholders and data-viz tokens in Pencil.
原文语言：英语
更新
职业分类
未分类
描述
Initialize Element Plus. design system components in Pencil variables and component overview.
原文语言：英语
更新
职业分类
未分类
描述
Initialize Layui. design system components in Pencil variables and component overview.
原文语言：英语
更新
职业分类
未分类
描述
Initialize uCharts. design system components chart placeholders and data-viz tokens in Pencil.
原文语言：英语
更新
职业分类
未分类
描述
Initialize uView 2.x . design system components in Pencil variables and component overview.
原文语言：英语
更新
职业分类
未分类
描述
Initialize uView Pro. design system components in Pencil variables and component overview.
原文语言：英语
更新
职业分类
未分类
描述
Initialize Vant. design system components in Pencil variables and component overview.
原文语言：英语
更新
职业分类
未分类
描述
The Pencil Orchestrator. Handles the flow of initializing Design System Components based on requirements.
原文语言：英语
更新
职业分类
未分类
描述
Get page layout structure snapshot. Use when you need to understand the current page's DOM-like tree structure to prepare for layout adjustments.
原文语言：多语言混合
更新
已展示 28 / 28 个已收集 Skill。