Skills

Translates vague user requirements into an action-level PENCIL_PLAN sequence of Pencil MCP tool calls . Does not execute; outputs the plan only.

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.

Optimizes application performance. Use when performance requirements exist, when you suspect performance regressions, or when Core Web Vitals need improvement.

Provides comprehensive guidance for Pinia state management including stores, state, getters, actions, plugins, and TypeScript support. Use when the user asks about Pinia, needs to manage application state, create stores, implement state persistence, or migrate from Vuex.

Breaks work into ordered tasks. Use when you have a spec or clear requirements and need to break work into implementable tasks.