Global property batch replace. Use for global style adjustment, e.g., 'Replace all red backgrounds with brand blue'.
71 skills available
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 #FF0000 '.
Set or update design variables. Use to establish or maintain a Design Token system.
Get page layout structure snapshot. Use when you need to understand the current page's DOM-like tree structure to prepare for layout adjustments.
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.
The Pencil Orchestrator. Handles the flow of initializing Design System Components based on requirements.
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.