Wiki 知识库

全部文档 / 标签: UI设计

77 篇
清除

GPT Image 2 深度应用:个人气质分析与穿搭推荐系统实战

本文详细介绍了作者基于 GPT Image 2 开发的一套个人气质分析与穿搭推荐系统。文章重点分享了四套不同风格的 Prompt 提示词设计方案(基础款、环形款、低沉浸版、沉浸版),阐述了如何通过 AI 分析用户气质并生成 9:16 比例的高级时尚海报。内容涵盖核心逻辑、视觉结构设计、人物一致性约束及互动引导技巧,旨在帮助开发者挖掘 AI 在时尚视觉生成领域的潜力。

技术 › LLM 李岳 2026-05-0318.5 KB 202K 256 84

How to Build An Entire iOS App With Claude Code in 48 Hours

作者分享了使用 Claude Code 在 48 小时内构建高质量 iOS 应用的完整流程。文章指出,大多数 AI 生成的应用因缺乏设计而显得平庸。作者的秘诀在于:利用 Sensor Tower 寻找已验证的赚钱点子;通过 Pinterest 寻找设计灵感;使用 GPT 2.0 生成吉祥物素材;借助 Seedance 2.0 制作动画;最后利用 Claude Design 进行 UI 设计并交由 Claude Code 编写代码。文章强调“氛围感”是应用脱颖而出的关键,并详细介绍了如何结合 Claude Design 与 Claude Code 实现从设计到部署的自动化开发。

技术 › Claude Code ashen 2026-05-0212.8 KB 43.1K 343 71

Image-to-Code:构建优质前端的新工作流

文章指出直接让 AI 生成前端代码往往平庸,提出了一种“图生码”的工作流。该方法主张先使用 ChatGPT Images 2.0 等工具分块生成高质量的设计图,确立视觉风格、布局和素材,再交由编码 Agent 逐段还原实现。作者详细阐述了如何通过精准的风格词汇、分区域生成及素材提取来提升网站品质,将设计决策与代码实现解耦,从而获得比直接提示编程更美观、更专业的界面效果。

技术 › 前端 Leon Lin 2026-04-2824.4 KB 78.7K 342 79

GPT Image 2 批量生图实测:22 个场景与提示语全解析

本文详细介绍了 GPT Image 2 全量发布后的新特性,重点展示了其强大的批量生图能力和多文字信息处理稳定性。作者通过 Lovart 平台实测了 MBTI 图鉴、历史分析图、IP 形象设计、平面海报、UI 界面及游戏原画等 22 个真实场景。配合 TouchEdit、Agent 及 Mockup 样机功能,Image 2 在设计与创意领域的表现被誉为“夯爆”,极大降低了设计与内容生成的门槛。

技术 › LLM 卡尔的AI沃茨 2026-04-2811.9 KB 17.8K 145 78

Personal Agent:基于 Electron 的个人 AI 代理开发实践

作者介绍了自己开发的个人 AI 代理框架 PersonalAgent。该工具基于 Electron 和 Pi 代理构建,旨在摆脱大厂的锁定。文章详细介绍了其桌面 UI、iOS 伴侣应用、Agent 生命周期管理(包括定时任务和延迟恢复)、自动模式、内置画板与截图、语音输入以及基于 Git 的内置知识库等功能,强调个人掌控 Agent 的重要性。

技术 › Agent Trash Panda 2026-04-2614.4 KB 73

GPT-Image-2 爆款案例合集与提示词分享

文章汇总了 GPT-Image-2 上线后的八大高赞应用案例,涵盖霓虹人像、3x3偶像写真、城市美食地图、短剧分镜、建筑展板及逼真截图伪造等场景。作者提供了可直接复制的完整 Prompt,并分享了利用该工具快速接单变现的实战经验,探讨了 AI 图像生成对视觉设计和信息真实性的冲击。

技术 › OpenAI Philip Van 2026-04-2311.3 KB 657.2K 2.5K 89

GPT Image 2 发布首日:社区总结的 6 大核心技巧与 5 个实战 Prompt

OpenAI 发布 GPT Image 2 仅 24 小时,LMArena 评分暴涨 250 点。作者利用 /last30days 工具汇总了社区关于新模型的发现。关键技巧包括:切换至 GPT-5.4 Thinking 模式以获得更好效果、使用双引号强制精确文字渲染、利用像素参数控制宽高比以及优化 Prompt 顺序。文章还展示了由 AI 生成的 UI 界面、杂志封面、品牌 VI、静物摄影及角色一致性测试的 5 个高质量案例,并附带了详细的 Prompt。

技术 › OpenAI Matt Van Horn 2026-04-2356.4 KB 62.6K 502 88

I Spent 30 Days Building Only With Claude. I Haven't Opened Figma Since.

作者记录了30天完全不使用 Figma,转而完全依赖 Claude 进行设计和开发的实验。文章详细阐述了从第一周如何像资深设计师一样精准提示词,到第二周体验无摩擦的极速迭代循环,再到第三周让 AI 接管配色、排版等决策过程。虽然 Claude 在复杂响应式布局和动画上仍有局限,但作者发现这种直接生成代码的方式极大提升了交付效率,并在 23 天内交付了以往需要数月才能完成的工作量。

技术 › Claude CyrilXBT 2026-04-1922.0 KB 63.1K 108 83

$250 to $5K MRR: 5 App Store Packaging Rules That Actually Work

本文分享了如何通过优化应用商店包装,将 MRR 从 $250 提升至 $5,000。文章指出许多应用面临的不是流量问题,而是转化问题,并总结了五条核心规则:设计简洁醒目的图标、构建叙事风格的截图、展示成果而非教程的引导页、设置早期的付费墙以及简化用户操作流程。这些策略旨在提升点击率(CTR)和转化率。

技术 › 移动端 Paul Solt 2026-04-1919.3 KB 391.3K 789 82

手撕Sora,脚踢Veo!Seedance 2.0玩法大全:13个行业实战案例

本文详细测评并解析了 Seedance 2.0 视频生成模型的强大功能。作者通过 13 个跨行业实战案例,展示了该模型在餐饮广告、品牌营销、健身教学、UI 设计、服装电商、房产展示、自媒体 Vlog 及影视特效等领域的应用。Seedance 2.0 具备“导演思维”和全模态参考能力,能理解世界知识、编排分镜并保持人物动作一致性,被视为视频领域的 ChatGPT 时刻。文章还附带了具体的提示词策略与工作流指导,旨在帮助从业者提高内容制作效率并实现商业变现。

技术 › LLM 歸藏(guizang.ai) 2026-04-1722.1 KB 232.2K 754 88

想开始 vibe-coding,先把这 8 个工具放上桌面

文章旨在为 Vibe-coding 新手构建一套完整的工作台。作者指出新手应优先关注 IDE 和 Git 等基础设施,而非纠结于模型或 Prompt。文中推荐的工具栈包括:用于代码架构的 Trae、用于版本管理的 Git、用于界面设计的 Pixso/Stitch、用于图标资源的 Iconfont/Lucide、用于后端的 Supabase 以及用于部署的 Vercel。这套组合拳旨在解决从开发到上线的全流程常见卡点,提升开发效率。

技术 › 工具与效率 Russell 2026-04-1614.3 KB 105.9K 249 82

PPT as Code:用网页技术重塑演示文稿

文章探讨了“PPT as Code”的理念,主张利用现代网页技术替代传统PPT,以实现演示文稿的可复用性与迭代能力。内容涵盖了底层模型构建、基础分页与动画实现、进阶框架(如Scroll-snap、WAAPI、reveal.js)的选择,以及如何通过建立视觉系统与AI辅助提升设计美观度。作者强调将演示从一次性文件转变为可持续维护的内容资产。

技术 › 前端 Russell 2026-04-0513.3 KB 372.2K 836 84

装了这个 Skill 之后,Claude Code 写出来的前端页面终于不像程序员审美了

文章介绍了一个名为 UI UX Pro Max 的项目,它通过为 AI 编程助手内置包含 161 条行业规则、67 种风格和 161 套配色的大型设计推理引擎,解决了 AI 写前端代码“功能强但审美差”的痛点。安装该 Skill 后,AI 能根据产品类型自动匹配专业的设计系统、风格、字体及色彩方案,并自动进行反模式检查,支持 React、Vue、SwiftUI 等 13 种技术栈。

技术 › 工具与效率 sitin 2026-04-016.7 KB 125.4K 395 90

无需设计的设计:工程师如何用 Agent 框架搞定 UI/UX

文章分享了作者作为一名工程师,利用三层代理框架实现端到端设计交付的实践。第一层通过 Impeccable 等技能注入专业审美,第二层使用 Paper 或 Pencil 等画布工具构建可代码化的界面,第三层利用 Variant 和 Mobbin 提升设计品味。作者展示了如何在不成为专业设计师的情况下,通过工具链组合突破技能瓶颈,实现每周发布高质量作品。

技术 › Agent Neethan Wu 2026-03-228.3 KB 693.2K 1.5K 89