Skip to content

Huatu Skill v2.3.0 — ELI5 Visual Explainer

Latest
Latest

Choose a tag to compare

View all tags
@ythx-101 ythx-101 released this 24 Aug 16:46
v2.3.0
ceffb7e

Huatu Skill v2.3.0 — ELI5 Visual Explainer

Huatu 现在有两条正式产品路径：

  • Carousel：JSON → 确定性 HTML → 1080×1350 PNG；PNG 仍是最终产品。
  • ELI5 HTML：自包含、响应式的 HTML/CSS/SVG 视觉解释页；HTML 是最终产品，双视口截图与 QA JSON 是验证证据。

新增

  • 新增 ELI5 Visual Explainer 工作流、Starter 模板与完整设计/事实/简化边界规范。
  • 新增 scripts/check_explainer.py：静态安全检查与真实 Chromium 双视口验证（390×844、1365×768）。
  • 自动阻止脚本、远程资源、媒体、危险 URL、潜在凭据、横向溢出、过小文字与浏览器请求错误。
  • 新增两个可复现示例：
    • examples/eli5-moshi-hook.html
    • examples/eli5-moshi-browser-preview.html
  • Browser Preview 示例解释：本地 HTTP 监听 → SSH preflight → HTML 服务筛选 → 紫色服务器卡片 → 同端口 SSH 本地转发 → iPhone WebView。

修复

  • Delivery checker 现在验证完整 PNG 数据流，不再只相信 IHDR 头。
  • 缺失的本地图像/SVG 源文件会阻止 release。
  • 补充截断 PNG、缺失素材、HTML 安全、语义结构、SVG 缩放后字号与真实浏览器回归测试。

验证

  • 69 项单元测试通过。
  • ELI5 示例在手机和桌面视口均无横向溢出、小字、外部请求或浏览器错误。
  • 原有轮播流程完成真实渲染和 delivery checker 回归。
  • Moshi iPhone Browser Preview 已通过人工验收。

快速使用

python3 scripts/check_explainer.py examples/eli5-moshi-browser-preview.html --check-only
python3 scripts/check_explainer.py examples/eli5-moshi-browser-preview.html --output-dir explainer-qa

--check-only 只是静态预检；正式交付仍需真实浏览器验证和视觉复核。

Assets 2
Loading