pencil-ui-design-system-ucharts

Installation
SKILL.md

uCharts Design System Initializer

Constraint: Only use this skill when the user explicitly mentions "Pencil" and "uCharts" (or "qiun-data-charts") or when orchestrating a Pencil design system initialization task for charts.

When to use this skill

Use this skill when:

  • The user wants to initialize uCharts chart theme tokens (series colors, axis, text) in a Pencil .pen file
  • The user needs placeholder frames for uCharts chart types (Line, Area, Column, Bar, Pie, Ring, Radar)
  • The user mentions "Pencil" together with "uCharts", "qiun-data-charts", or chart visualization components
  • An orchestrator skill (pencil-ui-designer) routes a uCharts 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)

Related skills

More from partme-ai/full-stack-skills

Installs
1
GitHub Stars
379
First Seen
Apr 2, 2026