Pencil CLI(pencilコマンド)だけを使って、.penファイル(Pencilで作成されたデザインファイル)の中のNodeのデザインデータ(属性・構造)とスクリーンショット画像を読み取り専用で取得するスキル。Node IDが分かっているケースだけでなく、名前の正規表現(例: 「ヘッダー」「.*Button」)、Nodeタイプ(frame / text / image など)、再利用可能コンポーネント、特定フレーム配下、ドキュメント全体のトップレベルなど、ID以外の指定方法にも対応する。ユーザーが「.penのこのNodeの中身を見せて」「特定コンポーネントのデザインデータを取り出して」「Nodeのスクリーンショットだけ欲しい」「ヘッダーの構造を確認したい」「ボタンのスタイルをコピーしたい」「再利用可能コンポーネント一覧を見せて」「ドキュメント全体の構造を覗きたい」「全てのテキストNodeを取得して」のように.pen内の要素の調査・参照・確認・抜き出しを依頼した場合に必ずこのスキルを使う。インタラクティブモード(pencil interactive)で batch_get の nodeIds / patterns / parentId を使い分けてNode属性をJSONで取得し、get_screenshot / export_nodes で画像を.penと同階層のsnapshots/にPNG出力する。編集はしない(save()を呼ばない)ため、対象ファイルは絶対に書き換わらない。Pencil MCPには依存せずpencilコマンドのみで完結。
$npx -y skills add getty104/claude-code-marketplace --skill inspect-pencil-nodeInstalls into the current project.
Run `npx skills use "https://github.com/getty104/claude-code-marketplace" --skill "getty104/claude-code-marketplace/inspect-pencil-node"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/getty104/claude-code-marketplace" that are relevant to the current task. Run `npx skills add "https://github.com/getty104/claude-code-marketplace"` and select the relevant skills, then follow their instructions.