用 Claude Opus 打造 1MB 极致 3D 网页,作者开源全部代码与技能
moeinteractive · x · 2026-08-10
设计师 MengTo 开源了一个名为 Kage 的高质量 3D 滚动落地页项目。该网页通过 3D 场景替代传统视频,在保证视觉体验的同时,将总体积压缩至 1MB 以内(包含图片仅 3MB),远低于传统 1080p 视频网站 20-100MB 的体积。
构建工作流:
- 核心代码使用 Claude Code (桌面版) 搭配 Opus 5 模型生成。
- 图片生成使用 Higgsfield,布料效果使用特定工具,并需手动提示词微调纹理、光照和 Alpha 遮罩。
-
开源内容:
- 完整网页源码。
- 提炼了三个可复用的技能:build-threejs-scroll-worlds、falling-leaves 和 pointer-trail-emitter。
「编程与Agent」频道最新
- 开源 Secure Browser MCP:为 AI 智能体提供安全隔离浏览器 — Early_Resolution6932 · 2026-08-10
- AC2平台发布:可在生产环境中直接后训练LLM,避免训练-测试不匹配 — AccBalanced · 2026-08-10
- 无代码工具一键生成 PostgreSQL MCP 服务器 — Far_Thought2946 · 2026-08-10
- 无CUDA经验靠编程智能体拿下GPU优化赛第五 — tokenbender · 2026-08-10
- 非程序员 vibe coding 半年复盘:最大陷阱是 AI 伪装修复 — Tired40s · 2026-08-10
- 单个智能体搞定一切:ReASearch 统一提示词与 ML 工作流优化 — _reachsumit · 2026-08-10