open-pencil は何をしますか？
Figmaの.figデザインファイルと実行中のOpenPencilエディターを操作 — 構造の検査、ノードのクエリ、デザイントークンの分析、PNG/SVG/PDF/JSXへのエクスポート、プログラムによるデザインの修正を行います。.figファイルの開封、検査、エクスポート、分析、編集、または実行中のOpenPencilアプリの制御を求められた際に使用します。
Figmaの.figデザインファイルと実行中のOpenPencilエディターを操作 — 構造の検査、ノードのクエリ、デザイントークンの分析、PNG/SVG/PDF/JSXへのエクスポート、プログラムによるデザインの修正を行います。.figファイルの開封、検査、エクスポート、分析、編集、または実行中のOpenPencilアプリの制御を求められた際に使用します。
open-pencil/open-pencilスキルは、開発者やAIエージェントがFigmaの.figデザインファイルと連携して動作するOpenPencilエディターを直接制御できるようにします。このスキルを使用すると、デザインファイルの構造を検査し、特定のノードをクエリし、カラーやフォントなどのデザイントークンを分析し、PNG、SVG、PDF、JSXなどの形式で要素をエクスポートできます。また、プログラムによってデザインを変更することも可能で、例えばプロパティの編集や新しい要素の追加などが行えます。主なユースケースとしては、開発者が.figファイルを開き、その内部構造を調査し、特定のデザイントークンを抽出し、その結果をコード生成やUI実装に活用するといった流れです。このスキルは、デザインツールと開発環境の間のギャップを埋め、手動操作を減らすことで、デザインからコードへの変換プロセスを効率化します。
npx skills add https://github.com/open-pencil/skills/tree/main/skills/open-pencilFigmaの.figデザインファイルと実行中のOpenPencilエディターを操作 — 構造の検査、ノードのクエリ、デザイントークンの分析、PNG/SVG/PDF/JSXへのエクスポート、プログラムによるデザインの修正を行います。.figファイルの開封、検査、エクスポート、分析、編集、または実行中のOpenPencilアプリの制御を求められた際に使用します。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".