作者基于 10 年 UI/UX 设计经验，结合 AI 工具实践，总结出一套设计审美方法论。文章实测了 5 个 GitHub 上星数最多的 AI 设计 Skill：UI UX Pro Max（自动匹配行业风格）、Taste Skill（原创设计方向）、Impeccable（逐块打磨去 AI 味）、Emil Kowalski Skills（动效细节）、Hallmark（上线前检查），并配以场景演示。作者还分享了 8 条可复用的设计原则，包括先定义再动手、拆解好设计不照搬、先出全貌再逐块改、统一视觉规则等，强调工具在变但好的设计判断力依然无法被 AI 替代。
作者分享了6个提示语技巧，用于消除DeepSeek和Codex生成代码动画/UI时的AI味。包括：删除重复无信息的文案、去掉多余的装饰框和阴影、为颜色分配固定用途、统一字号和图标对齐、一屏只讲一件事、优化动效使其服务于叙事和反馈。文中每个技巧都配有具体可用的提示语。作者还预告了正在开发的大剪辑Skill，能用DeepSeek剪出十分钟真人口播视频。
作者参考 ElevenLabs 官网安全模块，分享了一组让卡片设计显得高级的线条动效方案，并提供完整提示词可直接复刻。设计关键在于：只用黑色细线，实线画本体、圆点虚线画辅助线营造手作感；三个图形不按同一框绘制，通过大小调整达到视觉平衡；每个图标有各自的结构演示动画（球体旋转、薄板错开归齐、螺旋重长）。文中详细说明了入场画线、悬停交互、防打断处理等细节，并给出单文件 HTML 的完整实现提示词，可交由 Claude 或 ChatGPT 生成，适用于官网功能介绍、定价页、课程流程等场景。
文章分析 Claude 桌面端改版引发老用户不满的原因。作者认为设计团队追求工整规范，却抹掉了产品的独特质感。作者总结品牌升级三大禁忌：一是动了用户已习惯的感官直觉，把有辨识度的个性误当不规范，导致产品同质化；二是用内部生产效率代替用户实际收益，只强调3周快速上线却未说明对用户的具体好处；三是把'做出来了'当成'证明有效了'，缺乏真实任务中的行为数据验证。作者提出改版前应自问：用户心中的感官词是否被磨平、新收益能否覆盖学习成本、哪些特色必须保留。真正的升级是修掉硬伤、留住特色。
作者分享了使用 Opus 5.5 一次性生成 UI 空状态 SVG 插图的完整提示词模板。提示词详细规定了画布尺寸、底板斜纹、卡片样式、占位条、Remix icon 图标、强调色使用规则、深色模式配色（CSS 变量 + data-theme 自动切换）、构图约束（缩小版真实产品界面而非插画）及技术细节（阴影用滤镜拼装、id 加随机前缀防冲突、可选弹出动画）。只需将【场景】替换即可复用，大幅节省设计精力。
作者分享使用 DeepSeek-V4.1-Flash 1017 模型配合开源 AI 原生设计工具 OpenPencil 和生图模型 Qwen-Image-2.1 Turbo 制作电商落地页与模特图的实战体验。文章包含完整的落地页设计提示词和模特生成提示词，展示了生成结果的高审美水准，并提到 OpenPencil 是一款开源免费的 AI Native 设计工具，核心能力是通过 Agent 输出高质量 UI 设计稿、卡片、轮播图、PPT 等，适用于电商页面和海报制作，评论区多人交作业复刻效果。
文章盘点了近期爆火的 5 个 Agent Skills 开源项目：Google Android 官方的安卓开发技能包 android/skills、K-Dense 的 177 项覆盖多学科的 AI 科学家技能库、rehan-remade 的万能游戏 Mod 工具、QingYunA 的一页式 HTML 回答方案，以及 oil-oil 的 UI 设计师技能。这些项目展示了 Skills 生态的爆发：官方下场教 AI 写安卓、Agent 变身科研专家、一句话改游戏、答案自带排版、AI 具备审美能力，标志着 Agent Skills 正成为下一代 AI 能力扩展标准。
作者分享了 10 条可直接发送给 Codex 或 Claude Code 的 UI 优化提示词，用于提升界面视觉设计。内容涵盖：移除中点分隔符与冗余解释文本、优化文案表达、采用 Radix UI Colors 颜色规范、光学对齐与同心圆圆角、使用 0.5px 边框、精简动画（ease-out 250ms）、限制字号不超过 4 种（最小 12px）、减少用户判断类交互、谨慎使用圆角阴影等。作者还补充回复网友：0.5px 边框在老旧或低分屏设备上可能不适用，提示偏个人经验；另有网友补充了减少冗余 Eyebrow/Overline 眉题的第 11 条建议。
作者精选10个设计师宝藏资源，覆盖配色（Coolors）、字体、图标、插画、动效、3D设计、图片、CTA按钮、品牌视觉管理和AI交互模式等领域。文章强调审美提升靠日复一日的浸泡，每个资源都附推荐理由与使用建议，帮助读者建立自己的资源库与判断标准，逐步将好设计运用到作品中。
本文是 Codex-OpenPencil 插件的快速上手教程，以设计一个服装购物 APP 为例，完整演示从安装、打开画布、确认风格、扩展页面、选中元素口喷修改，到图片生成与搜索、保存设计资产，再到设计稿转代码的全流程。插件免费开源，提供支持平移缩放的无限画布，Codex 负责理解需求并调用工具，OpenPencil 负责设计展示与编辑，可 100% 还原生成 HTML、Vue、React、SwiftUI 等框架代码。文章还介绍了看板、教程图、对比图、PPT 等其他应用场景及常见问题处理方法。
本文介绍用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，适合从零搭建或迭代优化个人网站时收藏使用。
设计师妍妍分享10个私藏设计灵感网站，包括收录真实产品界面的Mobbin、前沿创意的Godly、极简美学的Minimal Gallery、B端设计参考Refero、暗黑美学的Dark design、交互动效Design spells、Landing Page灵感的Lapa Ninja、字体排版的Typewolf、实验性网页Load more以及X平台精选设计的Best Designs on X。作者强调审美不是靠收藏，而是靠长期浸泡和观察培养的判断力，并预告下期将分享普通人系统提升审美的方法。
作者程序员小灰第三次更新WorkBuddy技能市场推荐清单，精选15个全新实用技能，分为内容创作、视觉设计、职场与个人成长、开发者工具、信息获取五个方向。包括：Humanizer-zh去AI写作痕迹工具、写作蒸馏器复刻作者文风、AI中文长篇小说创作、仓颉技能将书籍播客蒸馏为可调用技能包、UI UX Pro Max一句话生成设计系统、归藏社交媒体卡片一键生成小红书图组、面试准备助手、产品经理工作流技能集、AI共读拆书等。文章附带安装命令和实测效果截图，帮助读者快速提升WorkBuddy使用体验。
本文介绍了用AI开发小程序时如何补齐设计规范，解决多个页面字体、按钮、圆角不统一的问题。文章分7步讲解：确定规范适用范围与存放位置、统一字体与文字层级、按用途分配语义色、统一形状间距与图形元素、把规则封装为可复用组件与变体、统一状态与交互反馈，以及通过Design Token落实到代码并用验收标准逐页检查。最后给出常见坑（规范与代码各改各的）的解决方法、维护流程和一段可直接使用的提示词，帮助AI持续按同一套规则产出页面。
文章以Punk咖啡馆点单小程序为例，沿着菜单、规格、购物袋、确认订单四个页面，图文讲解15个布局与视觉设计名词，包括信息架构、用户流程、线框图、首屏、视觉层级、栅格、对齐、留白、响应式布局、安全区域、设计变量、语义色、字阶、行高及Padding/Margin。作者还指出固定底栏遮挡内容的常见坑，并给出从定入口、画线框、定边距对齐到小程序内验证的完整排版流程，帮助读者用具体语言描述布局需求，让AI能精准修改页面。
作者指出AI构建的应用虽然强大，但界面千篇一律：相同的圆角卡片、柔和渐变和仪表盘布局。为此他制作了一个Claude Code技能来重新设计应用界面。该技能首先为应用寻找契合的视觉概念（如跑步应用围绕田径跑道），然后强制探索三个不同设计方向而非过早定稿，最后用iPhone真实分辨率渲染并进行自我批判，检测通用组件、层级弱化等AI生成特征。工作流为：概念→方向→设计→渲染→批判→优化。目标是让不同应用呈现不同世界，保留AI设计速度的同时避免AI感。
作者开发了一个 Claude Skill，用于解决 AI 生成应用界面千篇一律、缺乏个性的问题（如相同的卡片、渐变和模板化布局）。该 Skill 强迫 Claude 采用不同思路：先确立真实视觉概念，探索 3 个设计方向，选定一致的设计语言，按 iPhone 尺寸渲染界面，扫描明显的 AI slop 模式，最后进行批评与迭代优化。作者免费发放该 Skill，用户需转发并评论 'stop slop' 即可获取。其核心理念是：当所有人都在做 AI slop 应用时，你的产品必须与众不同才能成功。
文章基于《Refactoring UI》一书，精选出 20 条实用的 UI 设计黄金军规，配合前后对比图讲解。作者指出在 AI 编码工具（Claude Code、Cursor 等）抹平写代码门槛后，UI 设计美感成为区分玩具与商业产品的关键壁垒。内容涵盖：为设计定好风格基调、先灰度后上色、用字重和颜色而非字号建立视觉层级、通过弱化凸显重点、按钮按主次分级、从过度留白开始做减法、间距的亲疏之别、动态调整行长与行高、以基线而非居中对齐等可工程化落地的设计原则，帮助开发者补齐 UI 设计这块最后拼图。
文章以社群小程序开发为背景，通过分析快递100、国家博物馆、优衣库、小宇宙、星巴克、影视飓风等真实案例，拆解了8种常见小程序类型的页面设计重点。每类小程序用户目标不同，页面布局与交互重点也不同：工具服务型要突出办事入口，预约服务型要说明日期、时段与名额的依赖关系，零售电商型需支持找货与比较，内容消费型要平衡发现与播放控制，餐饮点单型要确认门店与履约方式，教育学习型需区分找课与继续学习。文章还结合功能宫格、空状态、SKU、迷你播放器等概念，总结了视觉顺序、布局方式、状态区分与操作反馈等前端设计要点。
本文系统介绍了复古主义设计风格，阐述了怀旧情结在设计中的文化心理根源。作者梳理了不同年代的代表性复古风格：20-30年代的装饰艺术风格（Art Deco）以几何与奢华著称，50年代怀旧广告风格温馨亲切，70年代迷幻风格大胆张扬，80年代霓虹复古未来感，90年代复古科技与Y2K美学。文章还介绍了包豪斯、昭和复古等地区性风格，并区分了Vintage（真实老物件）与Retro（现代复古再创造）的概念差异。复古设计通过重现过去的美学符号唤起情感共鸣，在平面、UI和网页设计中被广泛应用。
作者在推特上分享了一套多领国（Duolingo）风格的 shadcn 组件库，其特点是游戏卡通风格。作者推荐喜欢这种设计风格的开发者不要错过，并附上了组件库的链接和展示图片。这是一条简短的前端 UI 组件资源分享内容，适合正在寻找特色设计组件库的前端开发者参考使用。
作者从图形学视角拆解苹果折叠屏UI图标的设计原理。通过负空间、视觉重量平衡、邻近原则、黄金比例、斐波那契圆和黄金角等工具，分析了信号点大小与位置的设计巧思，指出苹果'主路径极致、兼容路径补偿'的设计哲学。文章还探讨了马赫带、侧抑制、视觉校正等人眼视觉原理，说明美感本质是图形适配大脑视觉算法，优秀的几何设计往往会自然收敛到黄金比例等规律，而AI难以取代的是对极端细节的视觉直觉。
作者以前端资源缩减为契机，从后端工程师视角亲自承担前端项目，总结了高密度页面的信息组织指南。文章指出 CRUD 页面只解决数据增删改查，却不回答用户先看什么、依据什么做决定。作者提出组织信息架构的三个核心问题：用户最该看到什么、需要哪些关联信息、完成后要做什么。并以 GitHub Projects、Notion 为例，对比表格、看板、日历等'表达骨架'的适用场景，给出卡片网格、看板、日历排期、仪表盘、层级树、状态墙等 19 种信息呈现方式的参考表。指南还可直接交给 Agent 用于检查和改造前端页面，让 AI 辅助但由人把握业务判断。
作者对GPT Image 2.5图像模型进行了万字67图的全面测评，从指令遵循、文字准确性、设计质量、编辑精度、主体一致性、多轮稳定性、透明背景、尺寸能力等11个维度展开测试。测试涵盖中文App UI设计、信息图文字准确度、多参考图合成、五轮连续海报编辑、精确局部修改、模板复用等场景。结果显示模型在中文短文案、结构化设计、多轮局部修改方面表现优秀，但透明背景功能存在虚假输出（无Alpha通道）、局部编辑仍有全图轻微变化、负面约束遵守率仅约50%。文章最后总结了六条实用的提示词写作建议。
文章讨论了 AI 生成前端页面虽然速度极快，但产出常带有模板味的问题。作者建议通过浏览 Layers 网站来提升界面高级感。与过去 Dribbble 上流行无法落地的概念稿不同，Layers 上吸引人的是克制的真实产品细节，如字形切换的微动效、干净的间距节奏和组件状态变化的自然过渡。作者认为，AI 把写界面的门槛降到地板上后，细节反而更加刺眼，一个产品看起来像粗糙玩具还是成熟软件，差异往往不在于功能结构，而在于那几处带品味的手感判断。
作者 DerrickLi 非计算机专业出身，借助 AI 工具 Codex 搭建了自己的个人网站。文章记录了完整建站过程：先规划网站内容框架（个人介绍、作品、文章、Skills、联系入口），再反复打磨 UI，从最初追求科技感动效失败，到通过 MotionSites 素材参考最终实现电影感页面，强调有具体参考能让沟通更高效。部署阶段经历预览发布、域名接入、HTTPS 配置等调试。作者总结了定内容、选画面、做上线三步流程，并强调网站上线后仍需持续积累作品和文章内容。
作者分享了一个开源项目 M3E Canvas：可在浏览器中拖拽 Material 3 Expressive UI 组件，设计多个页面和交互流程，然后一键生成 Prompt，交给 Claude Code、Codex、Gemini CLI 或 Cursor 直接生成 App 代码。它支持 Android / Web 平台、多页面跳转、主题、动画和组件编排，实现了从“画 UI”到“AI 写代码”的高效衔接。针对“低代码编排”的质疑，作者认为借助 AI 能力，这一方式比以往更强大。
本文介绍了一套借助 AI 完成网站前端设计与实现的标准化工作流，面向没有代码基础的设计师和小白。作者强调先判断输入材料（仅有网页链接或有 GitHub 仓库），分路线让 AI 读项目、跑起来；通过黑盒走查梳理页面清单和用户任务路径，用 Mermaid 画页面地图；按影响范围排序设计（全局壳层→P0主流程→异常状态→辅助页面→细节打磨）；拆分结构、视觉、状态、细节四轮迭代让 AI 修改并浏览器验收。文章还附带多个可直接使用的提示词模板，并推荐了灵感与素材网站，帮助读者以低成本高效交付前端项目。
作者以设计师视角分享独立开发者搞定 UI 设计的三个实用工具：找参考用 Mobbin，收录上千款优秀 iOS、Android 和 Web 产品的完整流程截图，可直接参考交互和排版；定框架用 shadcn/ui，开源组件库颜值高、代码可控，配合主题生成器可快速搭建高级感界面；抠细节用 Lucide Icons，极简统一的开源矢量图标集，避免图标风格不一致。作者还附上了自己整理的图标库网站，并与网友互动讨论独立项目中最难的设计环节。
作者受前苹果设计师 Anshu Chimala 启发，指出 AI 设计产出平庸的根源在于 LLM 作为下一个词元预测器、经 RLHF 对齐后天然倾向安全解。文章借鉴设计双钻模型，提出三阶段工作流：探索、确立、交付。核心技法包括：注入随机种子字符串打破思维定势、用大胆具象的提示词激发创意、三步发散法生成设计概念、引入'设计挑刺官'子智能体构建独立评审反馈闭环，以及调用图像生成工具提升视觉质感。通过多智能体协同与成本控制，可在极短轮次内产出超越常规 AI 模板的高水准设计。
