有了 AI 都去做更炫酷的网页吧
作者分享了利用 Claude 和 Opus 等大模型通过自然语言编程（Shader/Three.js），从零构建“赛博海底”风格产品主页的实战经历。文章展示了从确立主题、技术实现到参数微调的全过程，并提出了人机协作的新原则：AI 负责突破上限，人类负责把控下限。
相关文档
别再让 AI 硬写网页了！这 5 个设计 Skills 让页面质感直接升级
文章指出使用 AI 直接编写网页往往导致设计模板化、缺乏质感，并介绍了 5 个用于提升网页设计水平的 Skills（taste-design, web-design, emilkowalski, magicslide, Design MD Collection）。文章提供了一个完整的工作流：从确定设计规范和参考，到生成代码及 UI 抛光，帮助独立开发者消除“AI 味”，打造高保真的产品页面。
手撕Sora，脚踢Veo！Seedance 2.0玩法大全：13个行业实战案例
本文详细测评并解析了 Seedance 2.0 视频生成模型的强大功能。作者通过 13 个跨行业实战案例，展示了该模型在餐饮广告、品牌营销、健身教学、UI 设计、服装电商、房产展示、自媒体 Vlog 及影视特效等领域的应用。Seedance 2.0 具备“导演思维”和全模态参考能力，能理解世界知识、编排分镜并保持人物动作一致性，被视为视频领域的 ChatGPT 时刻。文章还附带了具体的提示词策略与工作流指导，旨在帮助从业者提高内容制作效率并实现商业变现。
让卡片设计一下子高级起来的线条动效提示词附上直接复刻
作者参考 ElevenLabs 官网安全模块，分享了一组让卡片设计显得高级的线条动效方案，并提供完整提示词可直接复刻。设计关键在于：只用黑色细线，实线画本体、圆点虚线画辅助线营造手作感；三个图形不按同一框绘制，通过大小调整达到视觉平衡；每个图标有各自的结构演示动画（球体旋转、薄板错开归齐、螺旋重长）。文中详细说明了入场画线、悬停交互、防打断处理等细节，并给出单文件 HTML 的完整实现提示词，可交由 Claude 或 ChatGPT 生成，适用于官网功能介绍、定价页、课程流程等场景。
不用一个 3D 模型，用 AI 写代码"拍"出 3 分钟亚马逊雨林纪录片
本文是一篇手把手教程，讲解如何在不使用任何 3D 模型、贴图或照片的情况下，用 AI 编程助手（Claude Code）写代码生成一部 3 分 05 秒的亚马逊雨林竖屏纪录短片。作者介绍了三个关键方法：先画以米为单位的平面图作为总契约、把场景拆成 13 个区让多个 AI 并行施工、以及通过截图对比迭代改进。教程涵盖生成参考图、搭建地基（固定随机种子、统一材质光照）、多智能体分工、镜头安排、黄昏到月夜的光线变化、渲染成片及用开源 AI 模型配环境音的完整流程，并总结了常见坑与解决方案。
Codex-OpenPencil 快速上手篇
本文是 Codex-OpenPencil 插件的快速上手教程，以设计一个服装购物 APP 为例，完整演示从安装、打开画布、确认风格、扩展页面、选中元素口喷修改，到图片生成与搜索、保存设计资产，再到设计稿转代码的全流程。插件免费开源，提供支持平移缩放的无限画布，Codex 负责理解需求并调用工具，OpenPencil 负责设计展示与编辑，可 100% 还原生成 HTML、Vue、React、SwiftUI 等框架代码。文章还介绍了看板、教程图、对比图、PPT 等其他应用场景及常见问题处理方法。
从0搭建个人网站：8大类60+UI设计必备清单
本文介绍用AI搭建个人网站的最佳实践：先整理个人内容到飞书文档，再参考优质网站让AI抓取代码与风格。作者系统整理了8大类60多个网页设计资源，涵盖组件库（shadcn/ui、Aceternity UI、Magic UI等）、动效与3D工具（Motion、GSAP、Three.js、Spline等）、整站灵感网站（Awwwards、Land-book等）、产品界面参考（Mobbin、Page Flows等）以及配色素材、AI建站和Claude Skills等类别。每个资源均附特色说明与具体用法，可让AI直接复用代码和Prompt，适合从零搭建或迭代优化个人网站时收藏使用。
OpenAI 官方 GPT Image 2.5 提示词指南深度拆解
本文深度拆解 OpenAI 官方发布的 GPT Image 2.5 图像提示词指南。文章介绍了 Flare 与 Sunburst 双模型的选型逻辑与 API 参数解耦设计，系统梳理了官方首次披露的 8 大提示词工程法则，包括规格化定义结果、用具体细节取代情绪空话、精确文本排版用双引号、编辑时分离改动与约束、多图参考角色分配、单步渐进迭代等。并配以胶片人像、商业广告排版、透明 Logo、四格条漫、移动端 UI 原型、科学信息图、YC 路演页等 8 大商业级实战案例与完整提示词模版，指出 AI 图像生成已进入工程化规格说明时代。
发现一个很有意思的开源项目 M3E Canvas
作者分享了一个开源项目 M3E Canvas：可在浏览器中拖拽 Material 3 Expressive UI 组件，设计多个页面和交互流程，然后一键生成 Prompt，交给 Claude Code、Codex、Gemini CLI 或 Cursor 直接生成 App 代码。它支持 Android / Web 平台、多页面跳转、主题、动画和组件编排，实现了从“画 UI”到“AI 写代码”的高效衔接。针对“低代码编排”的质疑，作者认为借助 AI 能力，这一方式比以往更强大。
如何榨出 AI 设计的 99% 创造力：一套三阶段工作流
作者受前苹果设计师 Anshu Chimala 启发，指出 AI 设计产出平庸的根源在于 LLM 作为下一个词元预测器、经 RLHF 对齐后天然倾向安全解。文章借鉴设计双钻模型，提出三阶段工作流：探索、确立、交付。核心技法包括：注入随机种子字符串打破思维定势、用大胆具象的提示词激发创意、三步发散法生成设计概念、引入'设计挑刺官'子智能体构建独立评审反馈闭环，以及调用图像生成工具提升视觉质感。通过多智能体协同与成本控制，可在极短轮次内产出超越常规 AI 模板的高水准设计。
Claude Code vs Codex 网站设计对比实测
作者用相同的提示词、品牌素材和数据让 Claude Code（Opus 5）和 Codex（GPT-5.6 Sol）各构建八个网站，从设计质量、Agent 数量、耗时、输出 token 和 API 成本多维度对比。结果是 Codex 在开放式设计环节赢得六轮中的五轮，效率优势显著：Codex 仅用 9 个 agent、约 5 小时、55 万 token、约 100 美元，而 Claude Code 用了 25 个 agent、14 小时、近 300 万 token、约 444 美元。实验还发现当提示词足够具体时，两者产出几乎一致。
10分钟学会CLAUDE.md：从入门到精通
本文系统讲解如何编写和维护 Claude Code 的 CLAUDE.md 与 Codex 的 AGENTS.md 等长期指令文件。核心观点是：规则越多 Agent 反而越容易跑偏，指令文件应只保存 Agent 无法从代码推断的隐性知识。作者提出先做减法（三问：能否从项目找到、是否多数任务都用、是否长期成立），再做加法（五个问题提取业务规则、固定入口、联动关系、完成标准和权威资料），并给出内容分流表、最小模板、双工具共用一份文件的方案、加载验证方法、修剪维护节奏，以及一段可直接使用的审计提示词。
用 dembrandt 一键提取网站 UI 设计标准
作者推荐一款名为 dembrandt 的工具，可以一键提取任意网站的设计 UI 标准。相比用截图向 AI 描述设计，该工具能直接输出标准化的 UI 设计规范，供 AI 使用，实现设计完美复刻。工具官网为 dembrandt.com，并在 GitHub 开源。适合前端开发者和设计师快速借鉴优秀网站的设计体系。
