用 dembrandt 一键提取网站 UI 设计标准
作者推荐一款名为 dembrandt 的工具，可以一键提取任意网站的设计 UI 标准。相比用截图向 AI 描述设计，该工具能直接输出标准化的 UI 设计规范，供 AI 使用，实现设计完美复刻。工具官网为 dembrandt.com，并在 GitHub 开源。适合前端开发者和设计师快速借鉴优秀网站的设计体系。
相关文档
分享 10 条优化界面 UI 的提示词
作者分享了 10 条可直接发送给 Codex 或 Claude Code 的 UI 优化提示词，用于提升界面视觉设计。内容涵盖：移除中点分隔符与冗余解释文本、优化文案表达、采用 Radix UI Colors 颜色规范、光学对齐与同心圆圆角、使用 0.5px 边框、精简动画（ease-out 250ms）、限制字号不超过 4 种（最小 12px）、减少用户判断类交互、谨慎使用圆角阴影等。作者还补充回复网友：0.5px 边框在老旧或低分屏设备上可能不适用，提示偏个人经验；另有网友补充了减少冗余 Eyebrow/Overline 眉题的第 11 条建议。
Codex-OpenPencil 快速上手篇
本文是 Codex-OpenPencil 插件的快速上手教程，以设计一个服装购物 APP 为例，完整演示从安装、打开画布、确认风格、扩展页面、选中元素口喷修改，到图片生成与搜索、保存设计资产，再到设计稿转代码的全流程。插件免费开源，提供支持平移缩放的无限画布，Codex 负责理解需求并调用工具，OpenPencil 负责设计展示与编辑，可 100% 还原生成 HTML、Vue、React、SwiftUI 等框架代码。文章还介绍了看板、教程图、对比图、PPT 等其他应用场景及常见问题处理方法。
Earshot v0.3：代码生成音效，让动画声画合一
作者分享了音效生成工具 Earshot v0.3 的使用体验，强调音效对动画质感的重要性。Earshot 内置 201 种全部由代码生成的音效，可一键生成整套音效包，且音效可精确到某一帧与动画完美同步，现已集成进 Cinetic 动效设计 Skill。作者认为 AI 不仅能做出漂亮动画，还能用代码精准控制声音，实现真正的声画合一。此外代码生成音效无版权风险，背景音乐也可用 strudel 制作。
WorkBuddy最值得推荐的15个技能（10月最新版）
作者程序员小灰第三次更新WorkBuddy技能市场推荐清单，精选15个全新实用技能，分为内容创作、视觉设计、职场与个人成长、开发者工具、信息获取五个方向。包括：Humanizer-zh去AI写作痕迹工具、写作蒸馏器复刻作者文风、AI中文长篇小说创作、仓颉技能将书籍播客蒸馏为可调用技能包、UI UX Pro Max一句话生成设计系统、归藏社交媒体卡片一键生成小红书图组、面试准备助手、产品经理工作流技能集、AI共读拆书等。文章附带安装命令和实测效果截图，帮助读者快速提升WorkBuddy使用体验。
用AI做小程序：7步补齐设计规范
本文介绍了用AI开发小程序时如何补齐设计规范，解决多个页面字体、按钮、圆角不统一的问题。文章分7步讲解：确定规范适用范围与存放位置、统一字体与文字层级、按用途分配语义色、统一形状间距与图形元素、把规则封装为可复用组件与变体、统一状态与交互反馈，以及通过Design Token落实到代码并用验收标准逐页检查。最后给出常见坑（规范与代码各改各的）的解决方法、维护流程和一段可直接使用的提示词，帮助AI持续按同一套规则产出页面。
别再让 AI 硬写网页了！这 5 个设计 Skills 让页面质感直接升级
文章指出使用 AI 直接编写网页往往导致设计模板化、缺乏质感，并介绍了 5 个用于提升网页设计水平的 Skills（taste-design, web-design, emilkowalski, magicslide, Design MD Collection）。文章提供了一个完整的工作流：从确定设计规范和参考，到生成代码及 UI 抛光，帮助独立开发者消除“AI 味”，打造高保真的产品页面。
画过10,000+张 UI 高保真，我的设计审美心得（1）：8 条原则 + 5 个常用 AI 设计 Skill
作者基于 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的AI味
作者分享了6个提示语技巧，用于消除DeepSeek和Codex生成代码动画/UI时的AI味。包括：删除重复无信息的文案、去掉多余的装饰框和阴影、为颜色分配固定用途、统一字号和图标对齐、一屏只讲一件事、优化动效使其服务于叙事和反馈。文中每个技巧都配有具体可用的提示语。作者还预告了正在开发的大剪辑Skill，能用DeepSeek剪出十分钟真人口播视频。
让卡片设计一下子高级起来的线条动效提示词附上直接复刻
作者参考 ElevenLabs 官网安全模块，分享了一组让卡片设计显得高级的线条动效方案，并提供完整提示词可直接复刻。设计关键在于：只用黑色细线，实线画本体、圆点虚线画辅助线营造手作感；三个图形不按同一框绘制，通过大小调整达到视觉平衡；每个图标有各自的结构演示动画（球体旋转、薄板错开归齐、螺旋重长）。文中详细说明了入场画线、悬停交互、防打断处理等细节，并给出单文件 HTML 的完整实现提示词，可交由 Claude 或 ChatGPT 生成，适用于官网功能介绍、定价页、课程流程等场景。
MatrixMedia：本地运行的多平台视频一键发布工具
作者介绍了一款开源工具 MatrixMedia，解决剪完视频需在抖音、B站、小红书、快手等多个平台挨个登录上传、填写标题封面的繁琐问题。该工具本地运行，支持抖音、快手、B站、百家号、头条、视频号、小红书、番茄视频共8个平台的自动发布，提供 GUI、CLI、HTTP API 和 MCP Server 四种使用方式，可配合 Claude Code 等 AI 工具实现全自动分发，跨 Windows、Linux、macOS 平台，开源免费。作者提醒仅用于发布自有内容，避免批量刷量或搬运，以防被平台封禁。
用 Opus 5.5 One Shot 生成高质量空状态 SVG 插图
作者分享了使用 Opus 5.5 一次性生成 UI 空状态 SVG 插图的完整提示词模板。提示词详细规定了画布尺寸、底板斜纹、卡片样式、占位条、Remix icon 图标、强调色使用规则、深色模式配色（CSS 变量 + data-theme 自动切换）、构图约束（缩小版真实产品界面而非插画）及技术细节（阴影用滤镜拼装、id 加随机前缀防冲突、可选弹出动画）。只需将【场景】替换即可复用，大幅节省设计精力。
大肥鱼 1017 真是越用越顺手：用 DeepSeek-V4.1-Flash + OpenPencil 打造 UI 设计
作者分享使用 DeepSeek-V4.1-Flash 1017 模型配合开源 AI 原生设计工具 OpenPencil 和生图模型 Qwen-Image-2.1 Turbo 制作电商落地页与模特图的实战体验。文章包含完整的落地页设计提示词和模特生成提示词，展示了生成结果的高审美水准，并提到 OpenPencil 是一款开源免费的 AI Native 设计工具，核心能力是通过 Agent 输出高质量 UI 设计稿、卡片、轮播图、PPT 等，适用于电商页面和海报制作，评论区多人交作业复刻效果。