From partme-ai-full-stack-skills
Initializes ECharts chart theme tokens including color palettes, axis, and text styles plus placeholder frames for Line, Bar, Pie, Radar, Scatter, and other charts in Pencil .pen files.
npx claudepluginhub partme-ai/full-stack-skills --plugin t2ui-skillsThis skill uses the workspace's default tool permissions.
**Constraint**: Only use this skill when the user explicitly mentions "Pencil" and "ECharts" or when orchestrating a Pencil design system initialization task for charts.
Creates isolated Git worktrees for feature branches with prioritized directory selection, gitignore safety checks, auto project setup for Node/Python/Rust/Go, and baseline verification.
Executes implementation plans in current session by dispatching fresh subagents per independent task, with two-stage reviews: spec compliance then code quality.
Dispatches parallel agents to independently tackle 2+ tasks like separate test failures or subsystems without shared state or dependencies.
Constraint: Only use this skill when the user explicitly mentions "Pencil" and "ECharts" or when orchestrating a Pencil design system initialization task for charts.
Use this skill when:
This skill outputs a PENCIL_PLAN. The Agent then calls Pencil MCP tools in order: open_document, set_variables, batch_design, optionally get_screenshot.
Use mcp__pencil__set_variables to register ECharts-related design tokens (chart theme colors, font). Follow .pen file schema.
Chart colors (palette)
echarts-color-1: #5470c6echarts-color-2: #91cc75echarts-color-3: #fac858echarts-color-4: #ee6666echarts-color-5: #73c0deAxis / grid / text
echarts-axis-line-color: #6e7079echarts-split-line-color: #e0e6f1echarts-text-color: #6e7079echarts-font-size: 12pxFill from ECharts theme docs if more tokens are needed.
Use mcp__pencil__batch_design to create a "Charts Overview" frame with placeholder sections for chart types (data-viz components):
Organize frames using Auto Layout. Keep each batch_design call to maximum 25 operations.
{
"name": "set_variables",
"arguments": {
"filePath": "designs/dashboard.pen",
"replace": false,
"variables": {
"echarts-color-1": "#5470c6",
"echarts-color-2": "#91cc75",
"echarts-color-3": "#fac858",
"echarts-color-4": "#ee6666",
"echarts-axis-line-color": "#6e7079",
"echarts-text-color": "#6e7079",
"echarts-font-size": "12px"
}
}
}
set_variables with replace: false unless a full reset is requested.batch_design call to maximum 25 operations.pencil, echarts, chart, design system, init, variables, data visualization
references/contract.md – Design tokens and chart type naming.references/official.md – Link to official documentation.references/examples.md – Example PENCIL_PLAN.references/components.md – Chart type specifications.