SuperAPI AI 工具集

html-to-generateblocks

前端与建站

查看项目

更新于 10-16 03:35

技能介绍

用途:把提供的 HTML/CSS 转换为可编辑的原生区块,保留内容、语义、响应式行为与交互。仅使用 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 询问一次。仅在明确同意后创建/导入共享记录或新增共享依赖,并保留现有引用。使用真实 post ID,否则为布局取一个随机四位 scope。

转换流程:清点源 DOM、CSS、链接、媒体与运行时行为;仅移除不承载语义、布局或行为的包装;将声明与状态映射到本地样式,再编译匹配的 css,不确定的映射读取相关转换模式;生成 {section}-converted.html,对照源与共享 authoring contract 校验,并报告无法保留的交互。

交付:区块写入文件而非聊天,使用配套序列化辅助工具并运行 preflight.py FILE --id-scope SCOPE。需在实际编辑器中确认陌生输出并对比可见内容与行为,静态 preflight 不足够。实时写入还需 mcp-publishing.md、快照与 raw-content 回读;转换请求本身不授权发布。序列化、类顺序、链接、CSS 状态与断点规则保留在配套 contract 中。示例并非当前品牌默认值或可导入的跨文章标记。限制:资料未提供收费、价格与平台信息。