如何真正利用 AI 进行设计
文章探讨了如何正确利用 AI 辅助设计,强调核心在于人类的创意、方向和审美,而 AI 仅仅是执行工具。作者提出了三种具体方法:使用现成的设计技能(Skills)、逐个组件构建(Component-by-Component)以及利用灵感板。文章详细阐述了从定义意图、收集参考到结构映射和资产生成的完整设计工作流,并推荐了如 Mobbin、Cursor、Codex 等实用工具。
文章探讨了如何正确利用 AI 辅助设计,强调核心在于人类的创意、方向和审美,而 AI 仅仅是执行工具。作者提出了三种具体方法:使用现成的设计技能(Skills)、逐个组件构建(Component-by-Component)以及利用灵感板。文章详细阐述了从定义意图、收集参考到结构映射和资产生成的完整设计工作流,并推荐了如 Mobbin、Cursor、Codex 等实用工具。
作者基于 10 年 UI/UX 设计经验,结合 AI 工具实践,总结出一套设计审美方法论。文章实测了 5 个 GitHub 上星数最多的 AI 设计 Skill:UI UX Pro Max(自动匹配行业风格)、Taste Skill(原创设计方向)、Impeccable(逐块打磨去 AI 味)、Emil Kowalski Skills(动效细节)、Hallmark(上线前检查),并配以场景演示。作者还分享了 8 条可复用的设计原则,包括先定义再动手、拆解好设计不照搬、先出全貌再逐块改、统一视觉规则等,强调工具在变但好的设计判断力依然无法被 AI 替代。
本文是 Codex-OpenPencil 插件的快速上手教程,以设计一个服装购物 APP 为例,完整演示从安装、打开画布、确认风格、扩展页面、选中元素口喷修改,到图片生成与搜索、保存设计资产,再到设计稿转代码的全流程。插件免费开源,提供支持平移缩放的无限画布,Codex 负责理解需求并调用工具,OpenPencil 负责设计展示与编辑,可 100% 还原生成 HTML、Vue、React、SwiftUI 等框架代码。文章还介绍了看板、教程图、对比图、PPT 等其他应用场景及常见问题处理方法。
作者推荐了两个开源 AI 设计 Skill:一是 AI Design Skills 中的 landing-page-design,为 Claude Code、Cursor、Codex 等编程工具提供从内容规划到视觉系统的落地页制作规则,包括卖点组织、统一字体配色、按钮悬停、空页面、移动端和无障碍支持等交付细节;二是 Fantastic Posters,内置 33 种设计风格提示词(如瑞士极简、包豪斯、Riso 印刷等),支持自动选风格、上传参考图和 Logo、批量生成海报。作者强调把设计风格沉淀为可反复调用的 AI 工作流,比一次性提示词更有价值,并能解决风格不稳定的问题。
作者介绍了开源项目 AI Design Skills,目前提供 landing-page-design 技能,适用于 Claude Code、Cursor、Codex 等可读取规则文件的 AI 编程工具。它不是现成模板,而是一套从内容到视觉的制作规则:先明确产品定位与用户目标,再组织页面结构;统一字体、间距、配色和动效等视觉系统;并补齐按钮悬停、加载、空页面、报错、表单校验、移动端适配和无障碍等交付细节,避免 AI 生成千篇一律的默认样式。评论区还交流了表单校验保留已填内容等实用经验。
本文是 AI 设计词典系列的中篇,系统整理了 AI 设计中高频的视觉词汇,帮助用户更精确地控制 AI 生成的视觉效果。文章分为五大维度:字体(衬线/无衬线、字重、字距、行距)、颜色(色相、饱和度、明度、主色/强调色)、形状(几何/有机、圆角/直角、描边)、材质与效果(纹理、渐变、透明度、光影)、风格(极简主义、瑞士风格、粗野主义、编辑设计等)。作者强调不必背诵术语,而应把这些词当作「视觉旋钮」,用「风格名称+具体规则」的方式替代模糊的主观描述,让 AI 输出更符合预期的设计。
作者分享了 10 条可直接发送给 Codex 或 Claude Code 的 UI 优化提示词,用于提升界面视觉设计。内容涵盖:移除中点分隔符与冗余解释文本、优化文案表达、采用 Radix UI Colors 颜色规范、光学对齐与同心圆圆角、使用 0.5px 边框、精简动画(ease-out 250ms)、限制字号不超过 4 种(最小 12px)、减少用户判断类交互、谨慎使用圆角阴影等。作者还补充回复网友:0.5px 边框在老旧或低分屏设备上可能不适用,提示偏个人经验;另有网友补充了减少冗余 Eyebrow/Overline 眉题的第 11 条建议。
HeyPCB 发布 MCP 服务,让 AI Agent 具备硬件电路设计能力。文章演示了通过 Claude Code 使用 HeyPCB 完成从原理图绘制、145 个元器件布局、布线到地平面铺铜的全流程。首次布局不佳时,Agent 自主检查并要求将 64 个 LED 重新排成 8mm 网格、支撑件移至背面;针对 D3 LED 数据引脚方向问题,Agent 旋转 180 度后重新布线。最终实现 0 DRC/ERC 错误,并成功导出 KiCad 项目通过官方检查。HeyPCB MCP 兼容 Claude Code、Codex、Cursor、ChatGPT 等 MCP 客户端,实现电路设计到固件和外壳的一体化 AI 硬件开发。
文章介绍了开源二进制逆向工程 IDE 平台 Eleven,它借助 AI Agent 彻底重塑逆向工程的体验和门槛。Eleven 专注二进制 App 逆向,支持 Mac/iOS、Linux ELF、Windows PE、Android APK/DEX 等全平台二进制文件,还能解析 GGUF、Safetensors、ONNX 等 AI 模型文件。底层融合 REA 逆向库与 Ghidra 等经典工具链,并原生支持 Claude Code、Codex、Cursor 等主流 Coding Agent 的自由切换。开发者可以直接向 Agent 提问函数功能,让 AI 辅助完成逻辑还原与漏洞排查,大幅降低了逆向工程的学习曲线。
作者分享了一套不依赖云端账号的本地 AI 工作流架构,核心思路是把规则、技能、日记等真正有价值的资产沉淀在本地硬盘,而非网页端/App 的记忆功能中。整套体系分为四层:工具层(Claude Code、Codex、Cursor 作为入口)、模型层(可随时更换)、架构层(本地文件结构)、处理层(按本地规则和技能处理任务)。作者通过全局规则文件(CLAUDE.md)、本地 skills 目录、按日短记忆 + 长期偏好文件、AI 日记四层文件体系,实现了账号封禁后快速恢复工作的能力,并提出新人可先从三步最小方案入手搭建。
程序员鱼皮开源的《Vibe Coding 零基础入门教程》9个月内 GitHub 突破 2 万 Star,内容从几十篇扩充到 170 篇,并被豆包等 AI 平台推荐。教程覆盖基础入门、AI 编程工具(Cursor、Codex、Claude Code 等)、模型实测横评、近 30 套项目实战、经验技巧、产品变现和编程学习资源,还包含 18 篇 OpenClaw 保姆级教程。文章介绍了教程结构、适合人群、学习路线及近 3 个月的更新内容,同时推广配套的 B 站霸榜视频课程,强调教程完全免费开源并将持续更新。
文章提出 Agentic Brand Systems(智能体品牌系统)是品牌管理的未来。随着团队扩张和 AI 智能体参与生产,品牌决策速度暴增,而传统品牌指南分散在 Figma、Canva、代码等不同工具中,导致信息漂移和不一致。作者以 Sonata 品牌套件为例,介绍将品牌定位、语言规范、视觉规则(visual-system.json、tokens.css)和可用的 React 组件整合为一个人类可浏览、智能体可读取的统一系统,让每次触点都成为品牌真理源的延伸,终结品牌漂移问题。