Vant Design System Initializer

Constraint: Only use this skill when the user explicitly mentions "Pencil" and "Vant" (or "Vant 4") or when orchestrating a Pencil design system initialization task.

When to use this skill

Use this skill when:

• The user wants to initialize Vant 4 tokens (primary, success, warning, danger colors) in a Pencil .pen file
• The user needs a component overview frame for Vant components in Pencil
• The user mentions "Pencil" together with "Vant", "Vant 4", or Vant-specific components (Cell, Form, Dialog, Tabbar)
• An orchestrator skill (pencil-ui-designer) routes a Vant initialization request

How to use this skill

This skill outputs a PENCIL_PLAN. The Agent then calls Pencil MCP tools in order: open_document, set_variables, batch_design, optionally get_screenshot.

Step 1: Initialize Variables (set_variables)