DESIGN.md:网页设计的极致工作流升级
文章介绍了一种通过创建 DESIGN.md 文件来规范 AI 辅助网页设计工作流的方法。作者指出,直接使用 AI 生成不同页面(如定价页、着陆页)时,往往会导致风格不统一。解决方法是将字体、配色、动画时间轴、布局规则等提取到 DESIGN.md 中,并将其作为上下文提供给 Claude Design。这样生成的所有页面都能保持一致的视觉风格(如 Liquid Glass 风格),从而实现从“逐个提示”到“系统化构建整个站点”的效率飞跃。
文章介绍了一种通过创建 DESIGN.md 文件来规范 AI 辅助网页设计工作流的方法。作者指出,直接使用 AI 生成不同页面(如定价页、着陆页)时,往往会导致风格不统一。解决方法是将字体、配色、动画时间轴、布局规则等提取到 DESIGN.md 中,并将其作为上下文提供给 Claude Design。这样生成的所有页面都能保持一致的视觉风格(如 Liquid Glass 风格),从而实现从“逐个提示”到“系统化构建整个站点”的效率飞跃。
文章提供了具体的DESIGN.md工作流和代码示例,实用性强,但深度和洞察相对有限,时效性较好。
文章介绍了 Codex 的 UI/UX 设计增强工具 UI UX Pro Max,包含 192 条行业设计规则、79 种 UI 风格、192 套配色方案、74 种字体组合,并支持 React、Next.js、Vue、Flutter 等 22 种技术栈。作者演示了如何通过一段提示词在 Codex 中安装配置该 Skill,并用其生成高端 AI SaaS 官网,解决了以往 AI 生成页面廉价感强、配色布局千篇一律的问题。评论区也讨论了 Skill 作为能力封装新形态的意义与实际效果。
本文介绍了使用 Claude Design 构建品牌设计系统的体验。作者通过连接 GitHub 仓库和本地营销站点,引导 Claude 生成了非 UI 向、专注于演示文稿和视觉资产的组件库。文章展示了 Claude 在字体排印(如混衬线体)、颜色提取及“一切皆可提示”的深度定制能力上的表现。作者认为,该工具并非 Figma 的替代品,但在无需管理本地 Git 的情况下,帮助跨职能团队快速探索和构建共识方面极具潜力。
文章介绍为编码 Agent 构建设计系统的实践:由于仓库中存在多个版本的相同控件,Agent 会复制混乱并放大问题。作者正在开发 design.how,提供可安装、可直接交给 Agent 使用的设计系统与六个免费 Skill:build-design-system 从现有应用构建语义 token、规范组件与校验规则;migrate-design-system 用多 Agent 协作迁移全应用并设置预算;token-mapping 按用途映射设计值;component-docs 生成组件文档;design-review 检查截图无法覆盖的交互状态。每个 Skill 附带 TESTS.md 与适配提示,可替换为团队自定义规则。
文章探讨 AI 做设计时“形似神不似”的问题,指出症结在于设计背后的“为什么”没有被写进 AI 可读的上下文。作者拆解了多家硅谷大厂的实践:Vercel 通过 200 多轮评估循环筛选规则,用 design.md 使视觉错误减少 57%;Google 开源了 Stitch 的 DESIGN.md 规范;Atlassian 实测发现 DESIGN.md 适合原型和定制场景,生产环境用 MCP 更省更准;Anthropic 的 Claude Design 则反向从代码库自动提取设计系统。社区还把 60+ 大厂风格反向工程成 design.md。文章认为设计系统正被 AI 重写,并给出五条落地建议。
文章探讨了 2026 年产品设计师角色的转变,即从传统的像素推动者转变为利用 Agent 进行生产的规划者。作者详细阐述了新的工作流程(80% 规划,20% 执行),并提出了设计师应首先构建的四类核心文件:strategy.md(策略)、design.md(视觉规范)、CLAUDE.md(结构规范)和 product-pulse routine(反馈循环)。文章指出,通过编写这些高质量的文档和规范,设计师可以更有效地指挥 Agent 完成设计与开发,极大地缩短交付周期。
文章作者 Prajwal Tomar 分享了如何利用 AI 工具(主要是 Lovable)和精准的提示词,打造出一个具有电影级滚动效果、3D 模型和 Shader 动效的高端落地页。文章的核心观点是:AI 生成的页面之所以显得平庸,是因为提示词缺乏具体性。作者详细展示了从 Hero 区域的 3D 倾斜、Spline 3D 模型集成、WebGL 特效到滚动驱动的层级堆叠架构的实现过程,强调了具体参数、代码片段引用以及空间架构定义的重要性。
作者分享了他如何利用语音转文字工具(如 Superwhisper)结合 Claude,构建了一个完全模仿个人写作风格的“第二自我”。通过建立完美的捕捉层、个性化的风格模型和智能路由系统,作者实现了34天不手写任何初稿,且输出质量更高、风格更真实。文章详细拆解了技术实现步骤,旨在帮助读者通过语音绕过大脑的自我审查机制,释放更纯粹的思想。
文章分析 Claude 桌面端改版引发老用户不满的原因。作者认为设计团队追求工整规范,却抹掉了产品的独特质感。作者总结品牌升级三大禁忌:一是动了用户已习惯的感官直觉,把有辨识度的个性误当不规范,导致产品同质化;二是用内部生产效率代替用户实际收益,只强调3周快速上线却未说明对用户的具体好处;三是把'做出来了'当成'证明有效了',缺乏真实任务中的行为数据验证。作者提出改版前应自问:用户心中的感官词是否被磨平、新收益能否覆盖学习成本、哪些特色必须保留。真正的升级是修掉硬伤、留住特色。