Skip to main content

pencil-mcp-get-variables

Read design variables Tokens . Use to get Design Tokens color font variables defined in the current document to ensure consistency.

インストールへ移動

ソース情報

リポジトリ
full-stack-skills/pencil-skills
ソースの最終更新活動
2026年9月15日 09:47
検出された SKILL.md の言語
英語
スター
1
フォーク
1

インストール方法

デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。

ソースファイルを確認

インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。

ファイルエクスプローラー
2 ファイル

SKILL.md を表示中

SKILL.md
ソースの指示 · 読み取り専用プレビュー
name
pencil-mcp-get-variables
description
Read design variables Tokens . Use to get Design Tokens color font variables defined in the current document to ensure consistency.
license
Apache-2.0
## Tools This skill is designed to call the Pencil MCP tool: * `get_variables` If your client namespaces MCP tools, it may appear as `mcp__pencil__get_variables`. ## When to use this skill ### Intent Recognition (CRITICAL) Even if a trigger phrase matches, you must **verify the user's intent**: 1. Is the user explicitly asking to use "Pencil"? 2. Is the current conversation context clearly about "Pencil" design tasks? **If the answer is NO, do NOT use this skill.** (e.g., "Get variables" might refer to environment variables or code variables). **CRITICAL PREREQUISITE:** **You must ONLY use this skill when the user EXPLICITLY mentions "Pencil".** **ALWAYS use this skill when:** - You need to know the available Design Tokens (Colors, Typography, Spacing) **in Pencil**. - You want to use semantic names (e.g., `primary-color`) instead of hardcoded hex codes. - You are checking the current theme. **Trigger phrases include:** - "Get Pencil variables" (获取 Pencil 变量) - "Read Pencil design tokens" (读取 Pencil 设计令牌) - "Check Pencil colors" (检查 Pencil 颜色) - "List Pencil theme values" (列出 Pencil 主题值) ## Input Parameters * **`filePath`** (string, optional): Path to the `.pen` file. ## How to use this skill 1. **Call Tool**: `get_variables()`. 2. **Analyze Output**: The result is a list/map of variable definitions. 3. **Apply**: Use the variable IDs or names in `batch_design` operations (e.g., `fill: { type: "var", id: "var_123" }`). ## Examples ### 1. Simple: Get All Variables Retrieve all variables defined in the current document. ```json {} ``` ### 2. Medium: Get from Specific File Read variables from a different design file (e.g., a shared library). ```json { "filePath": "/Users/design/system/tokens.pen" } ``` ### 3. Complex: Theme Audit (Conceptual) Same as simple, but used when auditing themes. ```json {} ``` ## Keywords **English keywords:** get variables, read tokens, design system, theme values, color palette, typography tokens **Chinese keywords (中文关键词):** 获取变量, 读取令牌, 设计系统, 主题值, 调色板, 字体令牌
GitHubで見る