Full-stack-skills pencil-mcp-get-style-guide
Retrieve detailed style guide metadata (color palettes, typography rules, visual specs) by tags or ID from Pencil via the get_style_guide MCP tool. Use when the user explicitly mentions Pencil and needs to apply a specific visual style, retrieve theme colors and fonts, or look up a style guide by keyword tags.
git clone https://github.com/partme-ai/full-stack-skills
T=$(mktemp -d) && git clone --depth=1 https://github.com/partme-ai/full-stack-skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/pencil-skills/pencil-mcp-get-style-guide" ~/.claude/skills/partme-ai-full-stack-skills-pencil-mcp-get-style-guide && rm -rf "$T"
skills/pencil-skills/pencil-mcp-get-style-guide/SKILL.mdTools
This skill is designed to call the Pencil MCP tool:
get_style_guide
If your client namespaces MCP tools, it may appear as
mcp__pencil__get_style_guide.
When to use this skill
Intent Recognition (CRITICAL)
Even if a trigger phrase matches, you must verify the user's intent:
- Is the user explicitly asking to use "Pencil"?
- Is the current conversation context clearly about "Pencil" design tasks?
If the answer is NO, do NOT use this skill.
CRITICAL PREREQUISITE: You must ONLY use this skill when the user EXPLICITLY mentions "Pencil".
ALWAYS use this skill when:
- You have selected a specific style (from tags) and need its Details for Pencil.
- You need the color palette or font stack of a specific "Look and Feel".
- The user says "Use the 'Cyberpunk' style" in Pencil.
Trigger phrases include:
- "Get Pencil style details" (获取 Pencil 风格详情)
- "Apply style X in Pencil" (在 Pencil 中应用风格 X)
- "Retrieve Pencil style guide" (检索 Pencil 风格指南)
Input Parameters
(string, optional): The Style Guide ID.id
(array, optional): 5-10 tags matching the desired style (fromtags
).get_style_guide_tags
How to use this skill
- Prerequisite: Usually call
first to know what's available.get_style_guide_tags - Call Tool:
orget_style_guide(tags=["Modern", "SaaS"])
.get_style_guide(id="...") - Apply: Use the returned metadata (colors, fonts) in your
orbatch_design
calls.set_variables
Examples
1. Simple: Get by ID
Retrieve a specific style guide using its unique identifier.
{ "id": "style:12345" }
2. Medium: Search by Single Tag
Find a style guide that matches a specific keyword (e.g., "Modern").
{ "tags": ["Modern"] }
3. Complex: Multi-Tag Search
Find a style guide that fits a complex criteria (e.g., "Dark" mode "SaaS" dashboard).
{ "tags": ["Dark", "SaaS", "Dashboard"] }
Keywords
English keywords: get style guide, style details, visual specs, color palette, font rules, apply theme
Chinese keywords (中文关键词): 获取风格指南, 风格详情, 视觉规范, 调色板, 字体规则, 应用主题