小白也能看懂：iPhone Duo 网页交互效果是怎么制作的？
作者受苹果 iPhone Duo 官网折叠手机交互动效吸引，借助 Codex 复刻并拆解其实现原理。通过网页源码和网络请求证据，确认核心是实时 3D 渲染（Lotus 架构封装 Three.js），而非视频或图片序列。文章讲解了模型、贴图、场景配置、渲染引擎的组成，滑块 0 到 1 数值如何驱动铰链折叠与运镜，以及弹簧回弹、端点磁吸等物理拟真细节带来的「苹果高级感」，并分享了用 AI 辅助翻源码、复现交互和排错的完整学习方法。
全部文档 / 标签: 复刻
3 篇
用 dembrandt 一键提取网站 UI 设计标准
作者推荐一款名为 dembrandt 的工具，可以一键提取任意网站的设计 UI 标准。相比用截图向 AI 描述设计，该工具能直接输出标准化的 UI 设计规范，供 AI 使用，实现设计完美复刻。工具官网为 dembrandt.com，并在 GitHub 开源。适合前端开发者和设计师快速借鉴优秀网站的设计体系。
拒绝“一眼 AI”的塑料感：这套 Skill 复刻了 Claude Design，让网页设计重回高级审美
文章介绍了一套名为 web-design-engineer 的 Skill，它复刻了 Claude Design 的核心理念，旨在解决 AI 生成网页“塑料感”重、审美同质化的问题。该 Skill 包含动态角色定位、六步工作流、OKLCH 配色、大胆留白及验证环节。作者优化了原版流程，增加了三档工作流模式及品牌优先逻辑，并结合 Claude Code 进行实操演示，展示了如何生成高审美的网页及 UI 设计。