figma-wp-blueprint
基于 Claude Code Skills 构建的工具集，可粘贴 Figma URL 自动生成经典 PHP WordPress 主题，支持设计 token 提取、ACF Flexible Content 布局生成和像素级校验
时间轴 (近 90 天)
开发者 saidMounaim 构建了 figma-wp-blueprint，一套基于 Claude Code 的 skills 工具集，用于将 Figma 设计稿自动转换为 WordPress 主题。
figma-wp-blueprint 的工作流是：粘贴一个 Figma URL，工具自动提取设计 token（颜色、字体、间距、断点），然后将每个区块构建为 ACF Flexible Content 布局。
figma-wp-blueprint 生成的最终产出是一个经典 PHP WordPress 主题，使用纯 CSS 和原生 JS，不依赖页面构建器、jQuery 或构建步骤。
figma-wp-blueprint 内置 /pixel-check 命令，在每个断点将生成结果与 Figma 设计稿进行对比测量。
该工具一次只处理一个功能，每个功能在独立的 Git 分支上进行，提交前需要开发者手动批准。
设计 token 越统一，figma-wp-blueprint 的生成结果越可靠。
figma-wp-blueprint 项目已在 GitHub 上开源，并在 Vercel 上提供演示。
在 WordPress 主题语境中，该工具会为每个 ACF layout 单独生成一段以该 layout 名称为前缀的 CSS，从而让区块在任意页面组合时保持视觉独立。
全部知识事实 (8)
开发者 saidMounaim 构建了 figma-wp-blueprint，一套基于 Claude Code 的 skills 工具集，用于将 Figma 设计稿自动转换为 WordPress 主题。
50%待验证figma-wp-blueprint 的工作流是：粘贴一个 Figma URL，工具自动提取设计 token（颜色、字体、间距、断点），然后将每个区块构建为 ACF Flexible Content 布局。
50%待验证figma-wp-blueprint 生成的最终产出是一个经典 PHP WordPress 主题，使用纯 CSS 和原生 JS，不依赖页面构建器、jQuery 或构建步骤。
50%待验证figma-wp-blueprint 内置 /pixel-check 命令，在每个断点将生成结果与 Figma 设计稿进行对比测量。
50%待验证该工具一次只处理一个功能，每个功能在独立的 Git 分支上进行，提交前需要开发者手动批准。
50%待验证设计 token 越统一，figma-wp-blueprint 的生成结果越可靠。
50%待验证figma-wp-blueprint 项目已在 GitHub 上开源，并在 Vercel 上提供演示。
50%待验证在 WordPress 主题语境中，该工具会为每个 ACF layout 单独生成一段以该 layout 名称为前缀的 CSS，从而让区块在任意页面组合时保持视觉独立。
50%