SuperAPI AI 工具集

block-creator

前端与建站

查看项目

更新于 10-15 17:21

技能介绍

用途:在本地 Studio 站点内创建或修改自定义 Gutenberg 区块,统一负责区块插件工作流、静态与动态区块的结构决策以及实现规则。区块建成后交由 studio 进行审查与迭代。

主要能力:确认 Studio 环境、选择或启动目标站点并获取路径与 URL;澄清区块展示内容、是否需要实时数据或前端交互;决定静态或动态区块(默认静态);生成区块名称、kebab-case slug 与注册名(如 create-block/{slug});在 <site-path>/wp-content/plugins/<slug>/ 及 src/ 中生成插件文件(含 block.json、edit.js、save.js、render.php、view.js、样式等)。

使用方式:通过 Studio 工具列站点、启动并取路径;实现开始时调用 record_workflow_event(workflow: "block-build", stage: "started")。构建后在插件目录使用 pnpm install 与 pnpm exec wp-scripts build;仅有 npm 时可用 npm install && npx wp-scripts build。构建成功后用 wp_cli 激活插件、插入测试页面或文章,再按 studio 审查流程迭代,并记录 stage: "completed"。

限制与规则:view.js 必须为纯 JavaScript,不用 JSX、React 或 @wordpress/* 导入,直接使用 DOM API;编辑器预览应尽量匹配前端输出;优先复用编辑器自带控件与 block.json 的 supports。PHP 需防直接访问、用 function_exists 包裹函数、适当转义、文件末尾不加 ?>。每个区块只渲染一个包裹元素。构建失败时读完整错误、只改相关文件、不重装依赖,最多重试 3 次后上报。分类、定价、平台支持等细节暂未提供。