.fyi
SkillsMCPPluginsSubagents

Browse by category

DevOps & CI/CD SkillsProductivity & Workflow SkillsOther SkillsProduct & Project Management SkillsDocumentation & Knowledge SkillsCode Review & Refactor SkillsBackend & APIs SkillsAgent Meta & Communication SkillsResearch SkillsSecurity SkillsUX UI & Design SkillsTesting & QA SkillsSee all →

Every Claude Code skill, MCP server, plugin and subagent in one directory. Searchable, comparable, and one command from installed. Live stats from GitHub, npm and PyPI.

We're on Product HuntYour agent's app storeCheck it out →
Agent SkillsMCP ServersPluginsSubagentsCoding Agents
CollectionsOfficial publishersGlossaryFAQBlogSearchSavedFeedback
PrivacyTermsllms.txtSitemap

made with ♥ · © 2026 aaaa.fyi

Independent project · real data from public registries

…/claude-code-marketplace/inspect-pencil-node
home/skills/getty104/claude-code-marketplace/inspect-pencil-node
getty104 avatar

inspect-pencil-node

bygetty104· 25 skills

Stars

11

Category

UX UI & Design

View on GitHub

TL;DR

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コマンドのみで完結。

How to install inspect-pencil-node?

getty104/claude-code-marketplace/inspect-pencil-node
$npx -y skills add getty104/claude-code-marketplace --skill inspect-pencil-node

Installs into the current project.

›Prefer a prompt? Paste this to your agent

Use this skill

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 whole pack

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.

Preview

getty104/claude-code-marketplacegetty104/claude-code-marketplace

$ npx -y skills add getty104/claude-code-marketplace --skill inspect-pencil-node

▸ installing to .claude/skills…

✓ inspect-pencil-node ready

Repogetty104/claude-code-marketplace
TypeSkills
CategoryUX UI & Design
ForDesignerDeveloper
UpdatedJul 2026
License—
First seenJul 27, 2026

Tags

Skill

Related

6 picks
Type
  1. vercel-labs avatarweb-design-guidelinesReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…SkillsJul 2026498k29k
  2. mattpocock avatarprototypeBuild a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a…SkillsJul 2026446k189k
  3. larksuite avatarlark-whiteboard飞书画板:查询和编辑飞书云文档中的画板。支持导出画板为预览图片、导出原始节点结构、使用多种格式更新画板内容。 当用户需要查看画板内容、导出画板图片、编辑画板时使用此 skill。不负责:飞书云文档内容编辑(lark-doc)、文档内嵌电子表格/Base(lark-sheets / lark-base)。SkillsJul 2026389k16k
  4. nextlevelbuilder avatarui-ux-pro-maxUI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX…SkillsJul 2026290k110k
  5. getpaperclipai avatardesign-guidePaperclip UI design system guide for building consistent, reusable frontend components.SkillsJul 2026243k7
  6. pbakaus avatarimpeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…SkillsJul 2026211k50k