用途:把提供的 Figma 设计、导出的 CSS 或截图转换为 WordPress 可编辑的原生区块,并区分实测的源属性与推断行为。
主要能力与约束:仅使用 GenerateBlocks(含 Pro)和核心区块;CSS 保留在原生区块样式中,交互使用原生区块。未经明确要求,不添加 Scripts Manager、Page Block、Custom HTML/CSS/JS 或其他构建器。
使用方式:输出标记前需使用配套 generateblocks-layouts 技能的 references/authoring-contract.md,并用其 references/_index.md 选择任务指南。已安装技能时为同级 ../generateblocks-layouts/;独立包在 references/generateblocks-layouts/ 下携带同一依赖,不要同时读取两份或整个库。默认使用本地区块样式;除非用户已选择,否则就共享 Global Styles 与 Design Tokens 提示一次。仅在明确同意后创建/导入共享记录或新增共享依赖,并保留现有引用。有真实文章 ID 时使用,否则为布局使用一个随机四位作用域。
转换流程:检查相关画板、资源、变体与可用测量值;使用连接器时遵循 Figma 工具/技能前置要求。将 Auto Layout 映射为内在 flex/grid 结构,保留语义标题与阅读顺序;不确定属性参考映射文档。保留排版与源状态;画板宽度不自动等于断点,源中缺失的响应式决策需记录。生成 {design-name}.html,与设计对比并运行共享验证流程。仅凭截图无法确定 CMS 或表单行为。
交付:将区块写入文件而非聊天。使用配套序列化辅助工具并运行 preflight.py FILE --id-scope SCOPE。在真实编辑器中确认不熟悉的输出,比较可见内容与行为;静态预检不充分。实时写入还需 mcp-publishing.md、快照与原始内容回读。转换请求本身不授权发布。
限制:序列化、类顺序、链接、CSS 状态与断点规则保留在配套契约中;示例不是当前品牌默认值,也不是适用于其他文章的导入就绪标记。