figma-to-generateblocks とは?
Figma デザインを WordPress 用の GenerateBlocks V2 形式に変換します ソース: wpgaurav/generateblocks-skills。
Figma デザインを WordPress 用の GenerateBlocks V2 形式に変換します
コマンドラインで figma-to-generateblocks AI スキルを開発環境にすばやくインストール
ソース: wpgaurav/generateblocks-skills。
Convert Figma designs to clean, semantic GenerateBlocks V2 blocks for WordPress.
ALWAYS output converted blocks to a file, never inline in the chat.
| Screenshot/Image | Analyze visual layout, colors, typography, spacing | | Figma URL | Extract design tokens if Dev Mode access available | | Copied CSS | Parse Figma's generated CSS values | | Design specs | Use provided measurements and colors | | Verbal description | Infer from user's description of the design |
Figma デザインを WordPress 用の GenerateBlocks V2 形式に変換します ソース: wpgaurav/generateblocks-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/wpgaurav/generateblocks-skills --skill figma-to-generateblocksFigma デザインを WordPress 用の GenerateBlocks V2 形式に変換します ソース: wpgaurav/generateblocks-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wpgaurav/generateblocks-skills --skill figma-to-generateblocks インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/wpgaurav/generateblocks-skills