skills/pencil-skills/pencil-mcp-get-variables/SKILL.md
Read design token variables (colors, fonts, spacing) from a Pencil .pen file via the get_variables MCP tool. Use when the user explicitly mentions Pencil and needs to list design tokens, check the current theme, or retrieve variable IDs for use in batch_design operations.
npx skillsauth add teachingai/agent-skills pencil-mcp-get-variablesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
This skill is designed to call the Pencil MCP tool:
get_variablesIf your client namespaces MCP tools, it may appear as mcp__pencil__get_variables.
Even if a trigger phrase matches, you must verify the user's intent:
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:
primary-color) instead of hardcoded hex codes.Trigger phrases include:
filePath (string, optional): Path to the .pen file.get_variables().batch_design operations (e.g., fill: { type: "var", id: "var_123" }).Retrieve all variables defined in the current document.
{}
Read variables from a different design file (e.g., a shared library).
{
"filePath": "/Users/design/system/tokens.pen"
}
Same as simple, but used when auditing themes.
{}
English keywords: get variables, read tokens, design system, theme values, color palette, typography tokens
Chinese keywords (中文关键词): 获取变量, 读取令牌, 设计系统, 主题值, 调色板, 字体令牌
development
Guidance for Next.js using the official docs at nextjs.org/docs. Use when the user needs Next.js concepts, configuration, routing, data fetching, or API reference details.
tools
Provides comprehensive guidance for Flask framework including routing, templates, forms, database integration, extensions, and deployment. Use when the user asks about Flask, needs to create web applications, implement routes, or build Python web services.
development
Provides comprehensive guidance for FastAPI framework including routing, request validation, dependency injection, async operations, OpenAPI documentation, and database integration. Use when the user asks about FastAPI, needs to create REST APIs, or build high-performance Python web services.
development
Provides comprehensive guidance for Django framework including models, views, templates, forms, admin, REST framework, and deployment. Use when the user asks about Django, needs to create web applications, implement models and views, or build Django REST APIs.