pencil-ui-design-system-uviewpro

Installation
SKILL.md

uView Pro Design System Initializer

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

When to use this skill

Use this skill when:

  • The user wants to initialize uView Pro tokens (primary, error, warning, success colors) in a Pencil .pen file
  • The user needs a component overview frame for uView Pro components in Pencil
  • The user mentions "Pencil" together with "uView Pro", "uviewpro", or uView Pro-specific components (Button, Form, Tabs, Navbar)
  • An orchestrator skill (pencil-ui-designer) routes a uView Pro 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)

Installs
2
GitHub Stars
466
First Seen
Apr 6, 2026
pencil-ui-design-system-uviewpro — teachingai/full-stack-skills