html lab · index

HTML Lab

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

24 entries 5 sections updated 2026.05 by ranzi

Essays思考

01 / 24

Tutorials教程

09 / 24
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 / 24

Reports分析报告

07 / 24
12
叙事经济学·拆解与投资指南 Book 读书拆解

罗伯特·希勒《Narrative Economics》全书拆解:7 个核心构想 + 9 大永恒叙事 + 10 条投资硬指导 + 决策前检查清单。

13
替尔泊肽与司美格鲁肽·横纵分析报告 Biotech

两款 GLP-1 类药物在机制、适应症、临床数据与商业化路径上的横纵对比。

14
川沐 @xiaomustock·投资人物画像 Profile 推特 KOL

基于推特 200 条样本剖析中文圈 AI 半导体 KOL 的核心持仓、估值框架与五条反向压力测试。

15
道观角色工作流优化分析 Product baodan

baodan 报单中心:道观工作流的诊断 + 已敲定方案。Level A 项目类型路由 + 单负责人,约 7 天分阶段落地。

16
主播私域变现后台·逆向架构报告 Reverse Eng private-live

对标 lookanchorcircle.cn 完整逆向:商业模式 / 60 接口 / 数据模型 / 第四方支付风险 / 复刻评估,外加 CT 日志架构测绘(旧域名泄露 ~40 子域)与三域名 ICP 备案情报。

17
万花筒·停摆终局快照 Post-mortem 万花筒

业务关停当日的完整状态记录:14 周 56 万单交付率 99.5% 的运营总账、停摆时间线、管理员审计与盲区、备份产物校验、基础设施到期与善后清单。

18
万花筒·财务终局报告 Finance 万花筒

关停时点财务全景:总收入 ¥76.4 万、月度爬坡至 5 月顶峰、支出口径警示、点数经济 143 万点流水、24.4 万点未消耗负债与大客户集中度分析。

Projects项目

06 / 24