html lab · index

HTML Lab

Claude 协作生成的 HTML 网页集合。AI-first 工作流的副产品——教程、研究、原型,按主题归档,持续更新。

22 entries 5 sections updated 2026.05 by ranzi

Essays思考

01 / 22

Tutorials教程

09 / 22
02
硬件入门·给 AI 时代探索者的地形图 Embedded 硬件探索

在动手焊电路之前先建立全景认知:MCU 与 SBC、烧录与固件、四种通信协议(GPIO/UART/I2C/SPI)、四层软件栈,以及 AI 在硬件开发中真正能帮你的边界。

03
AE Roto Brush 2·钢笔遮挡字 After Effects

用 Roto Brush 2 与钢笔遮罩组合,做出文字被前景物体自然遮挡穿插的镜头效果。

04
AE 解法 4·先抠后跟(Mocha 平面跟踪) After Effects

反直觉的「先抠像、再跟踪」工作流,借助 Mocha 平面跟踪解决主体遮挡下的稳定附着问题。

05
ComfyUI 交互入门·跑通 Wan2.2 Animate ComfyUI

从零理解 ComfyUI 的节点交互范式,完整跑通第一条 Wan2.2 Animate 工作流。

06
Wan2.2 Animate 工作流·96 节点全景图 ComfyUI

把 96 节点的工作流拆解成可读的全景视图,逐模块说明职责、数据流与可调点。

07
万花筒反盗模板·拍摄 SOP Workflow

为万花筒反盗素材建立可复用的拍摄标准流程,覆盖机位、参数、灯光与素材命名。

08
从客户端反推后端架构·.NET WinForms 逆向 8 步法 Reverse Eng 竞品分析

拿到一个未签名的 .NET .exe 安装包,如何 1 小时内推出对方服务器 IP、所有 API endpoint、计费规则、安全漏洞——基于 2026-05 一次真实竞品分析案例的方法论沉淀。

09
从一个域名逆向出整个业务架构·被动侦察方法论 Reverse Eng 竞品分析

只给一个域名,如何摸清对方技术栈、业务模块、迭代节奏与合规底细。基于 DNS / 证书透明度日志 / ICP 备案 / HTTP 指纹的七层被动侦察,含一次真实"通配符 DNS"踩坑订正 + 防御反查清单。

10
直播推流中转系统从卡顿到稳定·故障排查实录 Live Streaming stream-relay

OBS 推流到 mediamtx 中转再分发的链路,一天里被丢包、回音、黑屏、参数失效轮番折腾。6 个问题的症状/定位/根因/修复全记录,把丢包率从 6.1% 压到 0.32%,外加 8 条可迁移到任何 UDP 推流场景的方法论。

Operations运营

01 / 22

Reports分析报告

05 / 22

Projects项目

06 / 22