产品页要演示功能，很多人会去录屏。录完一改界面，GIF 糊了，MP4 也不能 scrub，手机上还糊成一团。 HTML Demo 是给 Claude Cod… · @dngzsn37461 · TwKit

@dngzsn37461

产品页要演示功能，很多人会去录屏。录完一改界面，GIF 糊了，MP4 也不能 scrub，手机上还糊成一团。 HTML Demo 是给 Claude Code、Codex、Cursor 用的开源 skill。它用 HTML 按步骤把应用界面画出来，不靠屏幕录制。每一帧只依赖一个时钟 t，固定在 1200×750 舞台上，再用 CSS 缩放适配宽度。结果可以循环、拖进度、跳到某一步；系统开了减少动态，也能看到完整定格画面。 装法二选一。Claude Code 可把 zip 解到 ~/.claude/skills；或跑 npx degit MengTo/Skills/agent-skills/web-design/html-demo ~/.claude/skills/html-demo。仓库 MengTo/Skills，MIT，大约 6900 星。文档在 http://fil.design/skills/html-demo。演示大约 31 秒。 https://x.com/MengTo/status/2112843787777249661/video/1

曝光 37 · 评论 1 · 点赞 0 · 书签 0