Htflow - Html to Webflow (Cursor AI to Webflow)

将 HTML/CSS 网站和 Cursor AI 生成的代码转换为 Webflow 格式

HTFlow – AI 到 Webflow，变得简单
将您的 AI 构建的静态 html 网站立即转换为功能齐全的 Webflow 项目。

HTFlow- html to webflow 是一款 Chrome 扩展，专为使用 Cursor IDE 和 htflow-cli 的开发人员设计，可通过 AI 构建静态 HTML 网站。只需点击几下，您就可以提取整个本地构建的网站 - HTML、CSS 和资源 - 并将其直接导入到 Webflow 中，而不会丢失结构或样式。

主要特点
** 一键式 Webflow 导入 – 将完整网站从本地主机复制到 Webflow。
** 开发模式检查 – 使用 htflowserve dev 预览您的站点并在克隆之前捕获错误。
** 完整资产下载 – 将所有图像直接下载并上传到 Webflow 的资产管理器。
** Webflow 兼容输出 – 自动遵循 HTFlow 规则，以获得干净、可导入的代码。
** 快速简单的工作流程 – 在几分钟内从 AI 生成的 HTML 转变为实时 Webflow 网站。

运作原理：
--------------------
** 使用 HTFlow CLI 在 Cursor IDE 中构建静态 HTML 网站。
** 运行 htflowserve dev 以检查开发模式下的错误。
** 使用 htflowserve start 启动服务器。
** 打开 HTFlow Chrome 扩展程序并将您的页面复制到 Webflow 中。
** 下载您的图像并将其上传到您的 Webflow 项目。


关于 HTFlow CLI：
------------------------------------------
需要 htflow-cli（在 npm 上提供）来准备静态网站以实现 Webflow 兼容性。
您可以在 https://www.npmjs.com/package/htflow-cli 中找到 htflow-cli 和文档

⚠ 重要提示：HTFlow Chrome 扩展程序只能复制本地服务的网站 (localhost)。
它不适用于实时或远程网站，因为它是专门为在 Cursor 中使用 AI 创建网站并使用 htflow-cli 在本地运行网站的用户而设计的。这可以在发布之前确保代码的准确性、安全性和完全的 Webflow 兼容性。

适合：
--------------------
** Web 开发人员在 Cursor 中使用 AI 进行构建。
** 希望快速从代码转向 Webflow 的设计人员。
** 团队致力于 Webflow 就绪原型。

📚 了解更多：完整教程可在 htflow.com/tutorials 获取