SuperAPI AI 工具集

snapshot-to-nextjs

前端与建站

查看项目

更新于 10-16 05:53

技能介绍

用途:把浏览器“另存为”、wget、HTTrack、SingleFile 等工具产出的离线 HTML 快照,逐像素还原成可构建的 Next.js App Router 项目,零第三方依赖。也可只生成中间设计文档(仅 Wave 0–2)而不做完整重建。

主要能力:以取证式 CSS 解析读取每条压缩规则,解码 CSS Module 类名、解析自定义属性链、编目 @keyframes、映射 @media 断点。输出两棵树:.design-soul/ 中间文档(逐页探索、去混淆 CSS、行为规格、设计 DNA、构建简报等),以及 nextjs-project/ 可构建项目(app/ 路由、components/、lib/tokens.ts、styles/globals.css、tailwind.config.ts、public/assets 等)。

用法:输入目录需为 source-pages/ 结构,含 {site}-homepage.html 与同名 _files/ 资源夹。脚本会先用 find 扫描 HTML 并用 grep 统计 CSS 数量,自动区分保存快照、SingleFile 导出或源码仓库三种输入类型;此后按 Wave 0–4 分阶段执行,Wave 0 每页并行一个 agent,各自产出 done.signal 作为完成信号。

限制:最终项目仅允许 next、react、react-dom、typescript、tailwindcss、@types/react、@types/node、postcss、autoprefixer,字体自托管、图标用内联 SVG、动画只用 CSS 过渡与 @keyframes。所有数值必须有 CSS/HTML 出处,无法溯源的标记为 UNVERIFIED,不猜测、不凑整。具体安装与运行命令、收费与授权方式暂未提供。