利用AI设计理想UI界面的实操工作流
本文介绍了利用 Claude、Gemini、Stitch 等 AI 工具打造符合审美要求的 UI 界面的实操 SOP。文章以开发一款类似灵动岛的提醒工具为例,详细演示了如何编写产品文档、生成设计提示词、利用 Stitch 生成界面以及导出代码。针对 Web 端难以还原 macOS 毛玻璃质感的问题,作者提出了一种“设计参考集 + Claude Code + SwiftUI”的更优解,直接通过 AI 实现高质量的前端还原。
本文介绍了利用 Claude、Gemini、Stitch 等 AI 工具打造符合审美要求的 UI 界面的实操 SOP。文章以开发一款类似灵动岛的提醒工具为例,详细演示了如何编写产品文档、生成设计提示词、利用 Stitch 生成界面以及导出代码。针对 Web 端难以还原 macOS 毛玻璃质感的问题,作者提出了一种“设计参考集 + Claude Code + SwiftUI”的更优解,直接通过 AI 实现高质量的前端还原。
文章提供了一套极具操作性的AI辅助UI设计工作流,时效性强且步骤清晰,但缺乏对底层技术的深度剖析。
作者公开了使用 Claude Opus 5.5 制作 AI 资讯类视频的完整工作流程:包括从 X 和 Hacker News 选题、准备 Agent 所需工具(Gemini API 写脚本与 TTS 配音、Suno 背景音乐等)、编写初始提示词模版、让 Gemini 写脚本并由 Claude Code 派子 agent 进行对抗式审查,以及反复迭代修改脚本与视频。作者还开源了包含 18 套风格的 creator-style-kit 风格 skill,并指出选题是内容成败的关键,常见问题是画面信息密度过高和配音契合度问题。
作者分享 Claude 账号被封后如何无损迁移开发任务和历史记录的 4 招实操方法。第一招是使用 Claude Code 而非 Chat,因为其对话记录、配置、skill 和 memory 都明文存放在本地 ~/.claude 目录,可被新号或其他 Agent 直接读取;第二招是利用 Codex App 的一键导入功能,连对话历史都能原样搬过去;第三招是在全局契约中约定自动沉淀 run log(过程轨)和 summary(结论轨)文档,让交接材料平时就写好;第四招是将项目文档定期备份到 GitHub 私有仓库,新工具连上即可了解项目全貌。文末还附有外挂记忆工具推荐及注册 Claude 新号的番外方法。
作者受前苹果设计师 Anshu Chimala 启发,指出 AI 设计产出平庸的根源在于 LLM 作为下一个词元预测器、经 RLHF 对齐后天然倾向安全解。文章借鉴设计双钻模型,提出三阶段工作流:探索、确立、交付。核心技法包括:注入随机种子字符串打破思维定势、用大胆具象的提示词激发创意、三步发散法生成设计概念、引入'设计挑刺官'子智能体构建独立评审反馈闭环,以及调用图像生成工具提升视觉质感。通过多智能体协同与成本控制,可在极短轮次内产出超越常规 AI 模板的高水准设计。
工程师 Matt Dailey 分享如何避免 AI 生成的设计沦为千篇一律的“slop”。他提出七个实践方法:1) 从整体约束出发进行设计,借鉴 Christopher Alexander 的《Notes on the Synthesis of Form》,避免打地鼠式修补;2) 主动删除 Agent 过度添加的冗余元素;3) 在 Figma 等专业设计工具中迭代,避免代码库中的原型引力;4) 使用组件库保持视觉一致性;5) 利用 preview deploy 用真实数据验证设计;6) 收集优秀产品截图作为参考与上下文;7) 通过反复实践和反思培养个人设计品味。文章强调用 AI 做设计需保持人的判断力与整体思维。
本文详细介绍了如何将 Claude 与 Obsidian 结合,构建一个真正可用的“第二大脑”知识库。文章对比了 Obsidian 与 Notion 等工具在 AI 集成上的优劣(基于 Markdown 文件的开放性),并提供了从建立 PARA 笔记结构、编写笔记习惯,到通过 Claude Code 或 MCP 服务器连接知识库,再到实施周报总结等 AI 工作流的完整步骤。
作者试用了二十多款用代码生成视频的Skills,最终筛选出三款推荐:ClaudeAnimationBase(效果最好,2k star,卡通动漫风、视频连贯性好)、mg-styles-15 和 video-shotcraft。这些工具既能制作宣传片,也可直接用于视频平台起号。作者使用 Claude Code 搭配 Opus 5.5 进行测试,并指出先参考素材找到想要的风格,再让模型描述生成,效果更佳。
作者推荐了两个开源 AI 设计 Skill:一是 AI Design Skills 中的 landing-page-design,为 Claude Code、Cursor、Codex 等编程工具提供从内容规划到视觉系统的落地页制作规则,包括卖点组织、统一字体配色、按钮悬停、空页面、移动端和无障碍支持等交付细节;二是 Fantastic Posters,内置 33 种设计风格提示词(如瑞士极简、包豪斯、Riso 印刷等),支持自动选风格、上传参考图和 Logo、批量生成海报。作者强调把设计风格沉淀为可反复调用的 AI 工作流,比一次性提示词更有价值,并能解决风格不稳定的问题。
文章分析 Claude 桌面端改版引发老用户不满的原因。作者认为设计团队追求工整规范,却抹掉了产品的独特质感。作者总结品牌升级三大禁忌:一是动了用户已习惯的感官直觉,把有辨识度的个性误当不规范,导致产品同质化;二是用内部生产效率代替用户实际收益,只强调3周快速上线却未说明对用户的具体好处;三是把'做出来了'当成'证明有效了',缺乏真实任务中的行为数据验证。作者提出改版前应自问:用户心中的感官词是否被磨平、新收益能否覆盖学习成本、哪些特色必须保留。真正的升级是修掉硬伤、留住特色。
本文是一篇实操教程,介绍如何利用 Claude Opus 5.5 构建个人化的市场分析终端。作者指出普通 AI 聊天机器人回答行情问题时数据陈旧、缺乏来源和时间戳,而解决之道在于为模型提供带来源和时间戳的实时数据。文章提供两条路线:一是通过 Minara 应用快速上手,选择 Opus 5.5 模型进行实时行情问答和每日自动化监控;二是使用 Claude Code 从零搭建本地终端,通过 CLAUDE.md、brief.md、state.md、log.md 四个文件建立规则与记忆,配置免费或付费数据源,并设置安全规则确保未经确认不执行任何交易。课程还涵盖持仓晨检、涨跌归因、历史回测、告警推送及四周进阶计划。
作者分享了一套免费的深度 AI SEO 实战课程,核心是用 Claude(尤其是 Claude Code + ChatSEO MCP)系统化提升网站搜索排名与商业转化。内容包括:先选择有商业意图的关键词而非虚荣流量;用关键词模式批量生产页面;按转化意图排序的 9 种软件类页面类型(替代页、对比页、集成页等);用 Claude 批量写作、内链、生成结构化数据;并强调 GEO(AI 引用优化)必须建立在优质 SEO 之上。文章强调 AI 是执行之手、数据工具是大脑、人负责审批,并按周重复执行整个流程。