pencil-analyzer

Parse Pencil design files to extract structure, components, variables, and themes.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/narusenia/skills --skill pencil-analyzer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pencil-analyzer
Source: https://github.com/narusenia/skills/tree/main/pencil-analyzer
Command: npx skills add https://github.com/narusenia/skills --skill pencil-analyzer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes the manual effort of inspecting Pencil design files by turning complex .pen documents into readable structure, component, and style information for faster review and analysis.

Core Features & Use Cases

  • Structure Review: Understand the full hierarchy of frames, text, shapes, and reusable nodes in a design file.
  • Component and Variable Extraction: List reusable components, document variables, imports, and themes for downstream use.
  • Reference and Theme Resolution: Expand component instances and substitute variable values to see what a design actually renders.
  • Practical Scenarios: Use it to prepare design context for AI tasks, compare before-and-after design changes, or inspect specific node types and path patterns.

Quick Start

Use pencil-analyzer to inspect the attached .pen file, review its structure, and extract any components, variables, or resolved references you need.

Frequently Asked Questions about pencil-analyzer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I extract components and variables from a .pen design file?

To extract components and variables from a .pen file, you can use a deterministic CLI analysis tool to parse the document and output the structure, themes, and reusable nodes as readable data.

What is the best way to inspect the hierarchy and structure of a Pencil design file?

Inspecting Pencil design file structure involves parsing the document to generate a readable tree output of frames, text, shapes, and reusable nodes, which clarifies the full layout hierarchy for review.

Can I resolve variable values and expand component references in .pen files?

Yes, you can resolve variable values and expand component references in .pen files by applying reference resolution options during parsing to see exactly what the design renders.

How do I prepare design context from a .pen file for AI tasks?

Preparing design context for AI tasks requires parsing the .pen file to extract its structure, components, and styles, then exporting the results as JSON to provide reliable deterministic data.

Does pencil-analyzer support filtering specific node types and exporting design changes to JSON?

Yes, pencil-analyzer supports filtering specific node types and path patterns within .pen files, allowing you to inspect targeted layout elements and export the verified design changes to JSON.