pencil-ui-designer
Pencil Designer (Master Skill)
This is the entry point for all Pencil design tasks. It acts as the "Orchestrator Agent" that plans and executes the component initialization workflow.
When to use this skill
Intent Recognition (CRITICAL)
Even if a trigger phrase matches, you must verify the user's intent:
- Is the user explicitly asking to use "Pencil"?
- Is the current conversation context clearly about "Pencil" design tasks?
If the answer is NO, do NOT use this skill.
CRITICAL PREREQUISITE: You must ONLY use this skill when the user EXPLICITLY mentions "Pencil".
Trigger phrases include:
- "Pencil, initialize components for..." (Pencil, 初始化...组件)
- "Use Pencil to design system..." (使用 Pencil 设计系统...)
- "Pencil flow..." (Pencil 流...)
Workflow
1) Intent Classification
Determine the target framework and components required.
2) Framework Routing
Route the request to the specific pencil-ui-design-system-* skill.
Mapping:
layui->pencil-ui-design-system-layuiantd,ant design->pencil-ui-design-system-antdbootstrap->pencil-ui-design-system-bootstrapelement,element-plus->pencil-ui-design-system-elementuview->pencil-ui-design-system-uviewuview pro,uviewpro->pencil-ui-design-system-uviewprovant->pencil-ui-design-system-vantucharts->pencil-ui-design-system-uchartsecharts->pencil-ui-design-system-echarts
3) Execution
Invoke the target skill to generate the "Design System Components" initialization plan.
4) Output
Return the structured plan (JSON/Action List) to the user.
More from partme-ai/pencil-skills
pencil
用于通过 Pencil MCP 读取/修改 .pen 设计文件并校验布局。用户提到 pencil/.pen/设计稿编辑、需要列出工具或执行 batch_get/batch_design 时调用。
1pencil-mcp-search-all-unique-properties
Global property search. Use for design audit, e.g., 'Find all nodes using red background #FF0000 '.
1pencil-mcp-batch-get
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.
1pencil-mcp-batch-design
Batch execute design changes. The Agent's 'Hands'. Core capability for inserting, updating, moving, or deleting nodes.
1pencil-skill-creator
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.
1pencil-mcp-set-variables
Set or update design variables. Use to establish or maintain a Design Token system.
1